/* Arabaport Seri Merkezi (F1 / MotoGP) — sekmeler + liste kartları.
   motorsports-center.css bileşenlerini (ap-stand/ap-cal/ap-track) tamamlar. */

.ap-sc { background: var(--ap-navy-950, #060B18); color: #fff; }
.ap-sc__hero { padding: clamp(28px, 6vw, 64px) 0 18px; background:
    radial-gradient(1200px 400px at 80% -10%, rgba(228,37,43,.18), transparent 60%),
    linear-gradient(180deg, var(--ap-navy-900, #0A1228), var(--ap-navy-950, #060B18)); }
.ap-sc__badge { display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.78rem;
    letter-spacing:.08em; text-transform:uppercase; color:#fff; background:var(--ap-red,#E4252B);
    padding:6px 12px; border-radius:999px; }
.ap-sc__h1 { font-size: clamp(1.8rem, 4.5vw, 3rem); margin:.4em 0 .2em; line-height:1.05; }
.ap-sc__sub { color:#9fb0c9; max-width:60ch; }
.ap-sc__panel { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-top:22px; }
.ap-sc__cell { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);
    border-radius:14px; padding:14px 16px; }
.ap-sc__cell .k { font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:#7e90ab; }
.ap-sc__cell .v { font-size:1.15rem; font-weight:700; margin-top:4px; }
.ap-sc__cell .v small { display:block; font-size:.72rem; font-weight:500; color:#9fb0c9; margin-top:2px; }

/* Sekme çubuğu (sticky) */
.ap-tabs { position:sticky; top:0; z-index:30; background:rgba(6,11,24,.92);
    backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.08); }
.ap-tabs__in { display:flex; gap:4px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.ap-tabs__btn { flex:0 0 auto; appearance:none; background:transparent; border:0; cursor:pointer;
    color:#9fb0c9; font-weight:600; font-size:.92rem; padding:14px 18px; border-bottom:3px solid transparent;
    white-space:nowrap; font-family:inherit; }
.ap-tabs__btn:hover { color:#fff; }
.ap-tabs__btn.is-active { color:#fff; border-bottom-color:var(--ap-red,#E4252B); }

.ap-sc__sec { padding: 26px 0 8px; scroll-margin-top:60px; }
.js .ap-sc__sec { display:none; }
.js .ap-sc__sec.is-active { display:block; }

/* Pilot / takım kart ızgarası */
.ap-rgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.ap-rcard { display:flex; align-items:center; gap:14px; background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px 16px; }
.ap-rcard__no { font-size:1.5rem; font-weight:800; color:var(--ap-red,#E4252B); min-width:42px; text-align:center; }
.ap-rcard__b { min-width:0; }
.ap-rcard__nm { font-weight:700; }
.ap-rcard__m { font-size:.8rem; color:#9fb0c9; }
.ap-rcard__pts { margin-left:auto; font-weight:800; font-size:1.05rem; }
.ap-rcard__pts small { display:block; font-size:.66rem; font-weight:500; color:#7e90ab; text-align:right; }

/* Takım kartı — logo + araç görseli */
.ap-tgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; }
.ap-tcard { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; overflow:hidden; }
.ap-tcard__head { display:flex; align-items:center; gap:14px; padding:16px 18px; }
.ap-tcard__logo { height:40px; max-width:120px; width:auto; object-fit:contain; }
.ap-tcard__rank { width:40px; height:40px; border-radius:10px; display:grid; place-items:center; font-weight:800; background:rgba(255,255,255,.08); }
.ap-tcard__id { min-width:0; }
.ap-tcard__nm { font-weight:800; font-size:1.05rem; }
.ap-tcard__m { font-size:.82rem; color:#9fb0c9; }
.ap-tcard__car { background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0)); padding:6px 14px 14px; }
.ap-tcard__car img { width:100%; height:auto; max-height:150px; object-fit:contain; display:block; }

/* Pilot kartı — portre + bilgi */
.ap-dgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:14px; }
.ap-dcard { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; overflow:hidden; }
.ap-dcard__ph { position:relative; aspect-ratio:1/1; background:#16203c center top/cover no-repeat; }
.ap-dcard__ph.ap-ph-d { background:radial-gradient(120% 120% at 50% 0%, #20305a, #0A1228); }
.ap-dcard__ph.ap-ph-d::after { content:"👤"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:2.4rem; opacity:.25; }
.ap-dcard__no { position:absolute; right:8px; top:8px; font-weight:800; font-size:.8rem; background:rgba(6,11,24,.78); color:#fff; padding:3px 9px; border-radius:999px; }
.ap-dcard__b { padding:11px 13px 13px; }
.ap-dcard__nm { font-weight:700; font-size:.95rem; line-height:1.2; }
.ap-dcard__m { font-size:.78rem; color:#9fb0c9; margin-top:2px; }
.ap-dcard__pts { margin-top:7px; font-weight:800; color:var(--ap-red,#E4252B); }

/* Sonuç (podyum) kartları */
.ap-res { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; }
.ap-res__card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; }
.ap-res__head { display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.08); }
.ap-res__gp { font-weight:700; }
.ap-res__date { margin-left:auto; font-size:.78rem; color:#9fb0c9; }
.ap-res__row { display:flex; align-items:center; gap:12px; padding:9px 16px; }
.ap-res__row + .ap-res__row { border-top:1px solid rgba(255,255,255,.05); }
.ap-res__pos { width:24px; height:24px; border-radius:50%; display:grid; place-items:center;
    font-size:.78rem; font-weight:800; color:#0A1228; background:#8aa0c0; }
.ap-res__pos--1 { background:#FFD24A; } .ap-res__pos--2 { background:#D7DEE8; } .ap-res__pos--3 { background:#E0A36B; }

.ap-sc__note { color:#7e90ab; font-size:.82rem; margin-top:14px; }

/* Puan tablosu — ap-stand kartı varsayılan BEYAZ zeminli; seri sayfası koyu olduğundan
   metin beyaz-üstüne-beyaz kalıyordu. Burada koyu temaya çevirip okunur yapıyoruz. */
.ap-sc .ap-stand { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); color:#fff; }
.ap-sc .ap-stand thead th { background:rgba(255,255,255,.07); color:#fff; }
.ap-sc .ap-stand td { border-top-color:rgba(255,255,255,.08); color:#fff; }
.ap-sc .ap-stand tr:hover td { background:rgba(255,255,255,.05); }
.ap-sc .ap-stand__nm { color:#fff; }
.ap-sc .ap-stand__nm small { color:#9fb0c9; }
.ap-sc .ap-stand__pts { color:#fff; }
.ap-sc .ap-stand__pos { color:#9fb0c9; }
.ap-sc .ap-stand__bar { background:rgba(255,255,255,.12); }