/* League One Match Centre preview v2: unclipped portal + reusable form/result triggers. */

/* The original proof nested a tooltip inside each tiny table chip. Keep those
   hidden; v2 renders one fixed portal under <body>, outside every table clip. */
.l1mc-form-dot > .l1mc-form-tip{display:none!important;}

.l1mc-form-portal{
  position:fixed;z-index:2147483000;width:270px;max-width:calc(100vw - 16px);
  padding:9px 10px;border-radius:8px;background:#17192b;border:1px solid rgba(0,218,232,.42);
  color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.48);font-size:10.5px;line-height:1.38;
  text-align:left;white-space:normal;
}
.l1mc-form-portal[hidden]{display:none!important;}
.l1mc-portal-date{font-weight:850;color:#fff;margin-bottom:3px;}
.l1mc-portal-result{margin-bottom:5px;}
.l1mc-portal-result strong{font-weight:900;}
.l1mc-r-w{color:#64e2ad}.l1mc-r-d{color:#f2c75c}.l1mc-r-l{color:#ef8392}
.l1mc-portal-line{color:#d8dbea;margin-top:3px;}
.l1mc-portal-goals{margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.07);color:#d8dbea;}
.l1mc-portal-goals>span{display:block;margin-bottom:2px;color:#9fa7c5;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;}
.l1mc-portal-goals>div{margin-top:2px;}
.l1mc-portal-compare{margin-top:7px;padding:5px 6px 4px;border-radius:6px;background:rgba(255,255,255,.035);}
.l1mc-portal-compare-head,.l1mc-portal-stat{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:5px;}
.l1mc-portal-compare-head{margin-bottom:2px;color:#858eae;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;}
.l1mc-portal-compare-head span:first-child{text-align:right}.l1mc-portal-compare-head span:last-child{text-align:left}
.l1mc-portal-stat{min-height:19px;border-top:1px solid rgba(255,255,255,.035);}
.l1mc-portal-stat b:first-child{text-align:right}.l1mc-portal-stat b:last-child{text-align:left}
.l1mc-portal-stat span{text-align:center;color:#b9bfd4;font-size:9px;}
.l1mc-portal-stat b{color:#fff;font-variant-numeric:tabular-nums;}
.l1mc-portal-open{
  appearance:none;display:block;width:100%;margin-top:7px;padding:6px 0 0;border:0;border-top:1px solid rgba(255,255,255,.09);
  background:transparent;color:#7af3ff;text-align:left;font:inherit;font-weight:850;cursor:pointer;
}

/* SoccerStats-style relationship cue: the popup sits beside the team's visible
   label and the label receives a small cyan underline while that card is open. */
.l1mc-popup-team-anchor{
  text-decoration-line:underline!important;
  text-decoration-color:#00dae8!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:3px!important;
}

/* Keep the existing match-list row as the primary visual. Richer finished-match
   facts occupy one subdued second line rather than adding extra columns. */
.l1mc-match-row .l1mc-row-quickstats{
  grid-column:1/-1;text-align:center;margin-top:-2px;color:#a8aec5;font-size:8.5px;font-weight:650;
  letter-spacing:.005em;font-variant-numeric:tabular-nums;line-height:1.15;
}
.l1mc-match-row:hover .l1mc-row-quickstats,.l1mc-match-row:focus-visible .l1mc-row-quickstats{color:#d4d9ea;}

button.form-run-chip.l1mc-match-trigger{
  appearance:none;border:0;font:inherit;line-height:inherit;cursor:pointer;padding:0;
}
button.form-run-chip.l1mc-match-trigger:focus-visible,
.l1mc-season-result:focus-visible,
.l1mc-result-row:focus-visible{outline:2px solid #7af3ff;outline-offset:2px;}
.l1mc-result-row{cursor:pointer;}
.l1mc-result-row:hover td,.l1mc-result-row:focus td{background:rgba(0,218,232,.045);}
.l1mc-season-result{cursor:pointer;}
.l1mc-season-result:hover{filter:brightness(1.12);}

@media (max-width:700px){
  .l1mc-form-portal{
    left:12px!important;right:12px!important;bottom:14px!important;top:auto!important;
    width:auto!important;max-width:none;font-size:11px;padding:11px 12px;border-radius:10px;
  }
  .l1mc-popup-team-anchor{text-decoration-thickness:1.5px!important;text-underline-offset:2px!important;}
  .l1mc-portal-open{padding-top:8px;}
  .l1mc-match-row .l1mc-row-quickstats{font-size:8px;margin-top:-1px;}
}