/* ==========================================================
   MIK Racing — WHITE EDITION
   style.css 뒤에 로드. <body class="theme-white">에 매달아 우선순위를 확보한다.
   원칙(벤치마크 현대N·맥라렌·슈퍼레이스 공통): 화이트 바디 + 잉크 블랙 타이포
   + 브랜드 블루 하나를 면·선으로. 라운드 4px, 글로우·그라데이션 없음.
   ========================================================== */
body.theme-white {
    --dark-bg:         #FFFFFF;
    --darker-bg:       #F4F6FA;
    --card-bg:         #FFFFFF;
    --text-light:      #0F172A;   /* 잉크 */
    --text-gray:       #4A5568;
    --primary-color:   #2879FF;   /* 브랜드 블루 = 면·선·아이콘 */
    --secondary-color: #2879FF;   /* 시안 액센트 제거 → 블루 하나로 */
    --accent-color:    #1B63D6;   /* 흰 바탕 글자용 블루 (5.5:1) */
    --w-line:  #E3E8F0;
    --w-muted: #6B7686;
    --w-ink:   #0F172A;
    background: #FFFFFF;
    color: var(--w-ink);
}

/* ---------- 내비 ----------
   main.js가 스크롤마다 navbar.style.background 를 인라인으로 박는다(다크값).
   인라인은 스타일시트보다 세므로 여기서만 !important 로 받아친다. JS는 손대지 않음. */
body.theme-white .navbar { background: rgba(255,255,255,0.96) !important; border-bottom: 1px solid var(--w-line); box-shadow: 0 1px 0 var(--w-line) !important; }
body.theme-white .navbar.scrolled { background: rgba(255,255,255,0.98) !important; box-shadow: 0 2px 16px rgba(15,23,42,0.08) !important; }
body.theme-white .nav-link { color: var(--w-ink); }
body.theme-white .nav-link:hover, body.theme-white .nav-link.active { color: var(--accent-color); }
body.theme-white .nav-link::after { background: var(--primary-color); }
body.theme-white .nav-social a { color: var(--w-ink); }
body.theme-white .nav-social__soop { border-color: var(--w-ink); color: var(--w-ink); }
body.theme-white .mobile-menu-toggle span { background: var(--w-ink); }
body.theme-white .nav-menu.active { background: #FFFFFF; }

/* ---------- 섹션 공통 ---------- */
body.theme-white section { background: #FFFFFF; color: var(--w-ink); }
body.theme-white .section-title { color: var(--w-ink); text-shadow: none; }
body.theme-white .title-underline { background: var(--primary-color); }
body.theme-white .section-subtitle { color: var(--w-muted); }

/* 번갈아 가는 옅은 회색 띠 — 흰 페이지가 한 덩어리로 보이지 않게 */
body.theme-white .schedule, body.theme-white .partners { background: var(--darker-bg); }

/* ---------- 히어로: 사진 섹션은 그대로 (흰 로고타입 유지) ---------- */
body.theme-white .hero { background: #0F172A; }
/* 2026-10-26: 포스터 슬라이드(0)는 밝은 포스터라 다크 여백이 떠 보임 → 포스터 가장자리색으로 채움.
   사진 슬라이드(1~5)는 그대로 다크. 인디케이터는 밝은 바탕에서 보이도록 잉크색 */
body.theme-white .hero[data-active-slide="0"] { background: #E4E4E4; }
body.theme-white .hero-slide-round3 { background-color: #E4E4E4; }
body.theme-white .hero[data-active-slide="0"] .hero-indicator { background: rgba(15,23,42,0.25); }
body.theme-white .hero[data-active-slide="0"] .hero-indicator.is-active { background: var(--primary-color); }

/* ---------- ABOUT ---------- */
body.theme-white .about { background: #FFFFFF; background-image: none; }
body.theme-white .about::before { display: none; }
body.theme-white .about-headline { color: var(--w-ink); }
body.theme-white .about-intro { color: var(--text-gray); }
body.theme-white .about-sheet > div { border-top-color: var(--w-line); }
body.theme-white .about-sheet dt { color: var(--w-muted); }
body.theme-white .about-sheet dd { color: var(--w-ink); }
body.theme-white .about-sheet dd a { color: var(--accent-color); border-bottom-color: rgba(27,99,214,0.35); }
body.theme-white .about-sheet dd a:hover { color: var(--w-ink); border-bottom-color: var(--w-ink); }

/* ---------- DRIVERS ---------- */
body.theme-white .driver-card { background: #FFFFFF; border: 1px solid var(--w-line); border-radius: 4px; box-shadow: none; }
body.theme-white .driver-card:hover { transform: none; box-shadow: 0 8px 28px rgba(15,23,42,0.10); border-color: var(--primary-color); }
body.theme-white .driver-photo::after { background: linear-gradient(to top, #FFFFFF 0%, rgba(255,255,255,0.75) 44%, transparent 100%); }
body.theme-white .driver-number { color: var(--primary-color); text-shadow: none; }
body.theme-white .driver-name { color: var(--w-ink); }
body.theme-white .driver-spec > div { border-top-color: var(--w-line); }
body.theme-white .driver-spec dt { color: var(--w-muted); }
body.theme-white .driver-spec dd { color: var(--w-ink); }
body.theme-white .driver-ig { border-color: rgba(40,121,255,0.5); background: rgba(40,121,255,0.08); color: var(--accent-color); }
body.theme-white .driver-ig:hover { background: var(--primary-color); color: #FFFFFF; }

/* ---------- SEASON ---------- */
body.theme-white .season-standing { background: #FFFFFF; border: 1px solid var(--w-line); border-left: 3px solid var(--primary-color); border-radius: 4px; }
body.theme-white .season-standing__label { color: var(--w-muted); }
body.theme-white .season-standing__driver { color: var(--w-ink); }
body.theme-white .season-standing__item strong { color: var(--accent-color); }
body.theme-white .season-standing__item em { color: var(--w-muted); }
body.theme-white .season-table { background: #FFFFFF; border: 1px solid var(--w-line); border-radius: 4px; }
body.theme-white .season-row { border-top-color: var(--w-line); color: var(--w-ink); }
body.theme-white .season-row--head { background: #F4F6FA; }
body.theme-white .season-row--head span { color: var(--w-muted); }
body.theme-white .season-rd strong { color: var(--w-ink); }
body.theme-white .season-rd small, body.theme-white .season-track { color: var(--w-muted); }
body.theme-white .season-res { color: var(--w-ink); }
body.theme-white .season-res b { color: var(--accent-color); }
body.theme-white .season-row--next .season-rd strong { color: var(--accent-color); }
body.theme-white .season-res--wait { color: var(--w-muted); }
body.theme-white .season-res abbr { border-bottom-color: rgba(15,23,42,0.35); }

/* ---------- NEWS: 의도된 다크 밴드 ----------
   카드가 사진 위에 흰 글자를 얹는 구조라 흰 카드로 바꾸면 대비가 무너진다.
   흰 사이트가 검정 섹션을 끼우는 벤치마크 방식(현대N·맥라렌)으로 섹션 전체를 네이비로. */
body.theme-white .news { background: #0F172A; }
body.theme-white .news .section-title { color: #FFFFFF; }
body.theme-white .news .section-subtitle { color: rgba(255,255,255,0.72); }
body.theme-white .news-card { border-radius: 4px; border: 1px solid rgba(255,255,255,0.10); box-shadow: none; }
body.theme-white .news-card:hover { transform: none; border-color: var(--primary-color); box-shadow: 0 10px 30px rgba(0,0,0,0.35); }
body.theme-white .news-date { background: var(--primary-color); color: #FFFFFF; border-radius: 3px; }
/* 카드 내부 글자 — 테마가 --text-light/--text-gray/--card-bg 를 잉크·흰색으로 뒤집으므로
   다크 밴드 위에서는 반드시 흰 계열로 되돌려야 읽힌다 */
body.theme-white .news-card { background-color: #151B2B; }
body.theme-white .news-card:not([style*="background-image"]) { background: linear-gradient(135deg, #1D2A4A, #121A2E); }
body.theme-white .news-title { color: #FFFFFF; }
body.theme-white .news-excerpt { color: rgba(255,255,255,0.80); }
body.theme-white .news-link { color: #FFFFFF; }
body.theme-white .news-link:hover { color: #8DB8FF; }
body.theme-white .news-source { color: rgba(255,255,255,0.55); border-top-color: rgba(255,255,255,0.15); }
/* 히어로 태그라인도 다크 사진 위 — 흰색 고정 */
body.theme-white .hero-tagline { color: #FFFFFF; }

/* ---------- PARTNERS: 흰색 로고 PNG → 어둡게 뒤집어 사용 ---------- */
body.theme-white .partner-item img { filter: grayscale(1) invert(1); opacity: 0.72; }
body.theme-white .partner-item:hover img { opacity: 1; }
body.theme-white .partner-tier__label { color: var(--w-muted); }
body.theme-white .partner-cta { border-top-color: var(--w-line); }
body.theme-white .partner-cta h2 { color: var(--w-ink); }
body.theme-white .partner-cta p { color: var(--w-muted); }

/* ---------- CONTACT ---------- */
body.theme-white .info-card { background: #FFFFFF; border: 1px solid var(--w-line); border-radius: 4px; box-shadow: none; }
body.theme-white .info-card h3 { color: var(--w-ink); }
body.theme-white .info-card p { color: var(--text-gray); }
body.theme-white .info-card a { color: var(--accent-color); }
body.theme-white .contact-form-container { background: #FFFFFF; border: 1px solid var(--w-line); border-radius: 4px; box-shadow: none; }
body.theme-white .form-group label { color: var(--w-ink); }
body.theme-white .form-group input,
body.theme-white .form-group textarea { background: #FFFFFF; border: 1px solid #CBD3DF; color: var(--w-ink); border-radius: 4px; }
body.theme-white .form-group input::placeholder,
body.theme-white .form-group textarea::placeholder { color: #9AA4B2; }
body.theme-white .form-group input:focus,
body.theme-white .form-group textarea:focus { border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(40,121,255,0.15); }
body.theme-white .form-sent { border-color: var(--primary-color); background: rgba(40,121,255,0.08); color: var(--accent-color); }

/* ---------- 버튼: 그라데이션 알약 → 브랜드 블루 면, 4px ---------- */
body.theme-white .btn,
body.theme-white .btn-primary { background: var(--primary-color) !important; background-image: none !important; color: #FFFFFF !important; border-radius: 4px !important; box-shadow: none !important; }
body.theme-white .btn:hover,
body.theme-white .btn-primary:hover { background: #1B63D6 !important; transform: none; box-shadow: 0 6px 20px rgba(40,121,255,0.30) !important; }
body.theme-white .back-to-top { background: var(--primary-color); background-image: none; color: #FFFFFF; box-shadow: 0 6px 20px rgba(15,23,42,0.18); }

/* ---------- 푸터: 흰 사이트의 닻 — 브랜드 네이비 ---------- */
body.theme-white .footer { background: #0F172A; color: #FFFFFF; border-top: 0; }
body.theme-white .footer-links a { color: rgba(255,255,255,0.82); }
body.theme-white .footer-links a:hover { color: #FFFFFF; }
body.theme-white .footer-social a { color: #FFFFFF; border-color: rgba(255,255,255,0.35); background: transparent; }
body.theme-white .footer-social a:hover { background: var(--primary-color); border-color: var(--primary-color); }
body.theme-white .footer-bottom { border-top-color: rgba(255,255,255,0.12); }
body.theme-white .footer-bottom p { color: rgba(255,255,255,0.6); }


/* ---------- NEWS 기사 페이지 ---------- */
body.theme-white .article__back { color: var(--w-muted); }
body.theme-white .article__back:hover { color: var(--w-ink); }
body.theme-white .article__meta { color: var(--w-muted); }
body.theme-white .article__title { color: var(--w-ink); }
body.theme-white .article__body p { color: #3F4A5C; }
body.theme-white .article__links { border-top-color: var(--w-line); }

/* ---------- 2026-10-21 피드백: 소셜 아이콘이 눈에 안 들어옴 → 브랜드 컬러 + 크기 ---------- */
body.theme-white .nav-social { gap: 14px; }
body.theme-white .nav-social a { font-size: 1.5rem; }
body.theme-white .nav-social a[aria-label*="인스타"] { color: #E1306C; }
body.theme-white .nav-social a[aria-label*="유튜브"] { color: #FF0000; }
body.theme-white .nav-social__soop { font-size: 0.8rem !important; padding: 7px 12px; border: 0; border-radius: 4px; background: var(--primary-color); color: #FFFFFF !important; font-weight: 700; letter-spacing: 0.06em; }
body.theme-white .nav-social a[aria-label*="인스타"]:hover { color: #C13584; }
body.theme-white .nav-social a[aria-label*="유튜브"]:hover { color: #CC0000; }
body.theme-white .nav-social__soop:hover { background: #1B63D6; }
body.theme-white .footer-social a { border: 0; color: #FFFFFF; }
body.theme-white .footer-social a[aria-label*="인스타"] { background: #E1306C; }
body.theme-white .footer-social a[aria-label*="유튜브"] { background: #FF0000; }
body.theme-white .footer-social .footer-social__soop { background: var(--primary-color); color: #FFFFFF; border: 0; border-radius: 4px; font-weight: 700; }
body.theme-white .footer-social a:hover { filter: brightness(0.9); background-color: inherit; }

/* ---------- VIDEOS: NEWS 네이비 밴드 안의 하위 블록 — 토큰이 잉크로 뒤집히므로 흰 계열 고정 ---------- */
body.theme-white .news-videos { border-top-color: rgba(255,255,255,0.12); }
body.theme-white .news-videos__title, body.theme-white .video-feature__title, body.theme-white .video-title { color: #FFFFFF; }
body.theme-white .news-videos__sub, body.theme-white .video-feature__desc, body.theme-white .video-grid__label, body.theme-white .video-date { color: rgba(255,255,255,0.65); }
body.theme-white .video-feature__kicker { color: #8DB8FF; }

/* VIDEOS: 이전 화 링크 (2026-10-29 EP.2) */
body.theme-white .video-feature__prev a { color: rgba(255, 255, 255, 0.65); }
body.theme-white .video-feature__prev a:hover { color: var(--accent-color); }