/* ═══════════════════════════════════════════════════════════════
   SPORTSDATA — GLOBAL : reset, header, nav, footer site
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');

/* ─── RESET ──────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0 }

html {
    font-size:   16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    background:  #0d0d10;
    color:       #f0f0f3;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    min-height:  100vh;
}

img, video { max-width:100%; height:auto; display:block }
a          { color:inherit; text-decoration:none }

/* ─── HEADER STICKY ──────────────────────────────────────────── */
.sd-site-header {
    position:         sticky;
    top:              0;
    z-index:          200;
    background:       rgba(13,13,16,.92);
    backdrop-filter:  blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom:    1px solid #2a2a33;
}

.sd-site-header__inner {
    max-width:       1440px;
    margin:          0 auto;
    padding:         0 24px;
    height:          60px;
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             24px;
}

/* Logo */
.sd-site-logo {
    display:        flex;
    align-items:    center;
    gap:            9px;
    font-size:      16px;
    font-weight:    700;
    letter-spacing: -.3px;
    white-space:    nowrap;
    flex-shrink:    0;
}
.sd-logo-mark {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           28px;
    height:          28px;
    background:      #00ff87;
    border-radius:   6px;
    color:           #001a0d;
    font-size:       15px;
    font-weight:     900;
    flex-shrink:     0;
}

/* Navigation */
.sd-site-nav { display:flex; align-items:center; gap:8px }

.sd-nav-list {
    list-style:  none;
    display:     flex;
    align-items: center;
    gap:         2px;
    margin:      0;
    padding:     0;
}

.sd-nav-list a {
    display:       block;
    padding:       6px 12px;
    font-size:     13px;
    font-weight:   500;
    color:         #8a8a96;
    border-radius: 5px;
    transition:    color .14s ease, background .14s ease;
}
.sd-nav-list a:hover,
.sd-nav-list .current-menu-item a {
    color:      #f0f0f3;
    background: #22222a;
}
.sd-nav-list .current-menu-item a { color: #00ff87 }

/* Bouton CTA dans la nav */
.sd-nav-cta a {
    background: #00ff87 !important;
    color:      #001a0d !important;
    font-weight: 700 !important;
    padding:     6px 14px !important;
}
.sd-nav-cta a:hover {
    background: #00cc6a !important;
}

/* ─── FOOTER SITE ────────────────────────────────────────────── */
.sd-site-footer {
    background:    #0d0d10;
    border-top:    1px solid #2a2a33;
    padding:       40px 24px 32px;
    margin-top:    80px;
}

.sd-site-footer__inner {
    max-width:             1440px;
    margin:                0 auto;
    display:               grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:                   40px;
}

.sd-footer-col h3 {
    font-size:      11px;
    font-weight:    600;
    text-transform: uppercase;
    letter-spacing: .07em;
    color:          #50505c;
    margin-bottom:  14px;
}

.sd-footer-col ul {
    list-style: none;
    display:    flex;
    flex-direction: column;
    gap:        8px;
}

.sd-footer-col a {
    font-size:  13px;
    color:      #8a8a96;
    transition: color .14s ease;
}
.sd-footer-col a:hover { color: #f0f0f3 }

.sd-footer-bottom {
    max-width:       1440px;
    margin:          24px auto 0;
    padding-top:     20px;
    border-top:      1px solid #1e1e26;
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    gap:             16px;
    flex-wrap:       wrap;
    font-size:       12px;
    color:           #50505c;
}

/* ─── FOCUS VISIBLE GLOBAL ───────────────────────────────────── */
:focus-visible {
    outline:        2px solid #00ff87;
    outline-offset: 3px;
    border-radius:  3px;
}

/* ─── RESPONSIVE HEADER ──────────────────────────────────────── */
@media (max-width: 640px) {
    .sd-site-footer__inner { grid-template-columns:1fr }
    .sd-footer-bottom      { flex-direction:column; text-align:center }
}