/*
 * RAGE X v24.1 — Polish Layer
 * Load order: style.css → design-system.css → THIS FILE
 *
 * Contains ONLY overrides not covered by design-system.css:
 *   - Ticker badge shape / fade
 *   - Nav subtle border restore
 *   - Logo single size
 *   - Reading progress bar
 *   - Light mode nav items
 *   - Mobile search bar
 */

/* ── Ticker ──────────────────────────────────── */
.rx-ticker{background:#111;border-bottom:1px solid rgba(154,0,0,.4);box-shadow:none;}
.rx-ticker__badge{clip-path:none !important;padding:0 var(--space-md,16px) !important;background:var(--color-primary,#9A0000);border-right:1px solid rgba(154,0,0,.5);}
.rx-ticker__pulse{background:#fff;box-shadow:none;}
.rx-ticker__fade-r{background:linear-gradient(90deg,transparent,#111);}
[data-theme="light"] .rx-ticker{background:#fff;border-bottom:1px solid rgba(154,0,0,.15);}
[data-theme="light"] .rx-ticker__fade-r{background:linear-gradient(90deg,transparent,#fff);}
[data-theme="light"] .rx-ticker__badge{background:var(--color-primary,#9A0000) !important;}

/* ── Navigation ──────────────────────────────── */
.nav-primary{border-bottom:1px solid var(--border) !important;box-shadow:none !important;}
[data-theme="light"] .nav-primary,[data-theme="auto"] .nav-primary{border-bottom:1px solid rgba(0,0,0,.08) !important;}
.nav-primary__menu>li>a{color:var(--nav-item,#666);}

/* ── Logo ────────────────────────────────────── */
.site-logo__name{font-size:24px !important;}

/* ── Reading progress ────────────────────────── */
.reading-progress{background:var(--color-primary,#9A0000) !important;box-shadow:none !important;opacity:1 !important;height:3px !important;}
.reading-progress::after{display:none !important;}

/* ── Theme toggle ────────────────────────────── */
.theme-toggle{background:var(--bg-s2,#1a1a1a);border:1px solid var(--border);border-radius:20px;padding:3px;}
.theme-toggle__btn{border-radius:50%;color:var(--text-m,#555);font-size:13px;width:28px;height:28px;}
.theme-toggle__btn.is-active{background:var(--color-primary,#9A0000);color:#fff;}

/* ── Light mode nav items ────────────────────── */
[data-theme="light"] .nav-primary__menu>li>a,[data-theme="auto"] .nav-primary__menu>li>a{color:#555 !important;}
[data-theme="light"] .nav-primary__menu>li>a:hover,[data-theme="light"] .nav-primary__menu>li.current-menu-item>a,[data-theme="auto"] .nav-primary__menu>li>a:hover,[data-theme="auto"] .nav-primary__menu>li.current-menu-item>a{color:#111 !important;border-bottom-color:var(--color-primary,#9A0000) !important;}

/* ── Mobile nav light mode ───────────────────── */
[data-theme="light"] .nav-primary__menu,[data-theme="auto"] .nav-primary__menu{background:#fff !important;}
[data-theme="light"] .nav-primary__menu>li>a,[data-theme="auto"] .nav-primary__menu>li>a{color:#222 !important;border-bottom-color:rgba(0,0,0,.06) !important;}
[data-theme="light"] .nav-primary__menu>li>a:hover,[data-theme="light"] .nav-primary__menu>li.current-menu-item>a,[data-theme="auto"] .nav-primary__menu>li>a:hover,[data-theme="auto"] .nav-primary__menu>li.current-menu-item>a{background:#f5f5f5;color:#111 !important;}

/* ── Mobile search bar ───────────────────────── */
.mobile-search-bar{background:var(--bg-s1,#141414);border-bottom:1px solid var(--border);padding:var(--space-sm,12px) var(--space-md,16px);}
.mobile-search-bar__form{display:flex;gap:var(--space-xs,8px);}
.mobile-search-bar__input{flex:1;background:var(--bg-s2,#1a1a1a);border:1px solid var(--border);color:var(--text-p,#E8E8E8);padding:var(--space-xs,8px) var(--space-sm,12px);font-size:var(--text-sm,14px);outline:none;}
.mobile-search-bar__input:focus{border-color:var(--color-primary,#9A0000);}