/* ═══════════════════════════════════════════════════════════════════
   DRS RACING SIM — componentes compartilhados por todas as páginas
   Menu superior (.snav) e rodapé (.sfoot). O menu é o MESMO em todas
   as páginas: mesmos itens, mesma ordem; só muda o item marcado.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --s-red:#E8000F;--s-red-dark:#a80009;--s-bg:#070707;--s-panel:#111;--s-panel2:#171717;
  --s-border:rgba(255,255,255,.08);--s-border2:rgba(255,255,255,.16);
  --s-text:#f2f2f2;--s-muted:#8f8f8f;
  --s-wpp:#25D366;--s-ig:#e1306c;
  --s-fd:'Barlow Condensed',sans-serif;--s-fb:'Barlow',sans-serif;
  --s-h:62px;
}

/* ── MENU ── */
.snav{position:sticky;top:0;z-index:1000;background:rgba(7,7,7,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--s-border)}
.snav-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;height:var(--s-h)}
.snav-logo{font-family:var(--s-fd);font-size:1.3rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--s-text);display:flex;align-items:center;gap:.55rem;flex-shrink:0;white-space:nowrap}
.snav-logo b{color:var(--s-red);font-weight:900}
.snav-mark{width:10px;height:21px;background:var(--s-red);transform:skewX(-14deg);box-shadow:4px 0 0 rgba(232,0,15,.35),8px 0 0 rgba(232,0,15,.12);flex-shrink:0}
.snav-links{display:flex;align-items:stretch;height:100%;margin-left:auto}
.snav-links a{display:flex;align-items:center;font-family:var(--s-fd);font-size:.8rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--s-muted);text-decoration:none;padding:0 .8rem;transition:color .2s,box-shadow .2s;white-space:nowrap}
.snav-links a:hover{color:var(--s-text);box-shadow:inset 0 -2px 0 rgba(255,255,255,.18)}
.snav-links a[aria-current="page"]{color:var(--s-text);box-shadow:inset 0 -3px 0 var(--s-red)}
.snav-act{display:flex;align-items:center;gap:.45rem;flex-shrink:0}
.snav-soc{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--s-fd);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--s-muted);border:1px solid var(--s-border2);padding:.42rem .7rem;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}
.snav-soc::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.snav-soc.wa{color:var(--s-wpp);border-color:rgba(37,211,102,.35)}
.snav-soc.wa:hover{background:rgba(37,211,102,.12);border-color:var(--s-wpp)}
.snav-soc.ig{color:#ff5c93;border-color:rgba(225,48,108,.4)}
.snav-soc.ig:hover{background:rgba(225,48,108,.12);border-color:var(--s-ig)}
.snav-cta{font-family:var(--s-fd);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--s-red);padding:.55rem 1rem;transition:background .2s;white-space:nowrap;border:1px solid var(--s-red)}
.snav-cta:hover{background:var(--s-red-dark);border-color:var(--s-red-dark)}
.snav-cta[aria-current="page"]{background:transparent;color:var(--s-red)}
.snav-burger{display:none;width:40px;height:40px;background:transparent;border:1px solid var(--s-border2);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.snav-burger span{display:block;width:18px;height:2px;background:var(--s-text);transition:transform .25s,opacity .2s}
.snav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.snav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.snav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.snav-panel{border-top:1px solid var(--s-border);background:rgba(9,9,9,.98);padding:.6rem 1.25rem 1.2rem}
.snav-panel[hidden]{display:none}
.snav-panel nav{display:flex;flex-direction:column}
.snav-panel nav a{font-family:var(--s-fd);font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted);text-decoration:none;padding:.8rem .2rem;border-bottom:1px solid var(--s-border);display:flex;align-items:center;justify-content:space-between}
.snav-panel nav a::after{content:'→';font-size:.9rem;opacity:.35}
.snav-panel nav a[aria-current="page"]{color:var(--s-text)}
.snav-panel nav a[aria-current="page"]::before{content:'';width:4px;height:1.1rem;background:var(--s-red);margin-right:.7rem}
.snav-panel nav a[aria-current="page"]{justify-content:flex-start}
.snav-panel nav a[aria-current="page"]::after{margin-left:auto}
.snav-panel-soc{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}
.snav-panel-soc .snav-soc{justify-content:center;padding:.8rem .6rem;font-size:.8rem}
@media(max-width:1060px){.snav-links a{padding:0 .55rem;font-size:.76rem}.snav-soc{padding:.42rem .55rem}}
@media(max-width:960px){
  .snav-links,.snav-act .snav-soc{display:none}
  .snav-act{margin-left:auto}
  .snav-burger{display:flex}
}
@media(min-width:961px){.snav-panel{display:none!important}}
@media(max-width:380px){.snav-logo{font-size:1.1rem}.snav-cta{padding:.5rem .7rem;font-size:.74rem}}

/* ── RODAPÉ ── */
.sfoot{border-top:1px solid var(--s-border);background:#080808;margin-top:auto;font-family:var(--s-fb)}
.sfoot-in{max-width:1240px;margin:0 auto;padding:2.4rem 1.25rem 1.6rem;display:grid;grid-template-columns:1.2fr 2fr auto;gap:2rem;align-items:start}
.sfoot-brand p{color:var(--s-muted);font-size:.84rem;line-height:1.6;margin-top:.7rem;max-width:300px}
.sfoot-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.sfoot-col{display:flex;flex-direction:column;gap:.45rem}
.sfoot-col h4{font-family:var(--s-fd);font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--s-red);margin-bottom:.15rem}
.sfoot-links a{font-family:var(--s-fd);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--s-muted);text-decoration:none;transition:color .2s}
.sfoot-links a:hover{color:var(--s-text)}
.sfoot-soc{display:flex;flex-direction:column;gap:.5rem;min-width:170px}
.sfoot-soc .snav-soc{justify-content:center;padding:.6rem .8rem}
.sfoot-bottom{border-top:1px solid var(--s-border);text-align:center;padding:1rem 1.25rem 1.3rem;font-family:var(--s-fd);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5f5f5f}
.sfoot-bottom b{color:var(--s-red);font-weight:700}
@media(max-width:860px){.sfoot-in{grid-template-columns:1fr;gap:1.6rem}.sfoot-soc{flex-direction:row}.sfoot-soc .snav-soc{flex:1}}
@media(max-width:520px){.sfoot-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── Seletor de temporada (páginas de resultados) ── */
.season-switch{display:inline-flex;flex-wrap:wrap;border:1px solid var(--s-border2);margin-top:1.3rem;background:rgba(7,7,7,.6)}
.season-switch a{font-family:var(--s-fd);font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--s-muted);text-decoration:none;padding:.55rem 1rem;transition:color .2s,background .2s}
.season-switch a:hover{color:var(--s-text)}
.season-switch a[aria-current="page"]{background:var(--s-red);color:#fff}

@media(prefers-reduced-motion:reduce){.snav *,.sfoot *{transition:none!important}}