/* ETSOMP forum — "cab dashboard" skin (matches UCP) + animated Halloween scene.
   Loaded after forum.css. Colour themes still come from html[data-theme]. */
html[data-theme]{
  --bg:#07050c;--bg2:#0c0a14;--panel:rgba(15,12,22,.9);--panel2:rgba(21,17,31,.93);--raise:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.12);--text:#f3f1f8;--muted:#9a93ad;
  --gold:#f6b73c;--gold-rgb:246,183,60;--radius:18px;
  --display:"Barlow Condensed","Arial Narrow",Inter,sans-serif;
}
html[data-theme="halloween"]{--accent:#ff7a1a;--accent2:#d9480f;--accent-rgb:255,122,26;--spook-rgb:155,92,255}
html[data-theme="default"]{--accent:#2ee38a;--accent2:#0fa862;--accent-rgb:46,227,138}
html[data-theme="red"]{--accent:#ff5d57;--accent2:#c93b36;--accent-rgb:255,93,87}
html[data-theme="blue"]{--accent:#4aa8ff;--accent2:#247bd8;--accent-rgb:74,168,255}

/* Animated background: one moving Halloween scene, shared with the homepage */
html[data-theme]{background:#07050c}
html[data-theme] body{background:transparent!important;background-image:none!important}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}
body::before{z-index:-2;background:#0a0612 url("../../assets/halloween-scene.svg") 50% 100%/cover no-repeat}
body::after{z-index:-1;background:
  linear-gradient(180deg,rgba(7,5,12,.55) 0,rgba(7,5,12,.25) 30%,rgba(7,5,12,.35) 70%,rgba(7,5,12,.75) 100%),
  radial-gradient(1000px 520px at 85% -10%,rgba(var(--accent-rgb),.10),transparent 60%)}
@media(max-width:760px){body::before{background-position:72% 100%}}

/* Typography */
html[data-theme] h1,html[data-theme] h2,html[data-theme] .panel-head h2{font-family:var(--display);font-weight:800;letter-spacing:.01em;text-transform:uppercase}
html[data-theme] .forum-hero h1,html[data-theme] .topic-title h1,html[data-theme] .auth-card h1{font-size:clamp(38px,5.2vw,64px);line-height:1;letter-spacing:.005em;color:var(--text);text-shadow:none}
html[data-theme] .topic-title h1{font-size:clamp(32px,4.4vw,52px)}
html[data-theme] .panel-head h2{font-size:22px;font-weight:700;margin-top:4px}
html[data-theme] .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:none}
html[data-theme] .kicker::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}

/* Header = UCP top bar */
html[data-theme] .forum-header{background:rgba(8,6,13,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:none}
html[data-theme] .forum-header::after{content:none}
html[data-theme] .forum-nav{height:72px}
html[data-theme] .logo-box{width:44px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#120802;font-family:var(--display);font-size:15px;font-weight:800;letter-spacing:.02em;box-shadow:0 6px 20px rgba(var(--accent-rgb),.28)}
html[data-theme] .forum-brand strong{font-family:var(--display);font-size:25px;font-weight:800;letter-spacing:.01em;line-height:1}
html[data-theme] .forum-brand small{font-size:9.5px;font-weight:600;letter-spacing:.22em;margin-top:3px}
html[data-theme] .forum-links{gap:4px;font-size:14px;font-weight:600;color:var(--muted)}
html[data-theme] .forum-links>a:not(.button):not(.user-chip):not(.messages-nav-icon){padding:9px 14px;border-radius:11px;transition:.15s}
html[data-theme] .forum-links>a:not(.button):not(.user-chip):not(.messages-nav-icon):hover,
html[data-theme] .forum-links>a.active:not(.button):not(.user-chip){color:var(--text);background:var(--raise)}
html[data-theme] .forum-links>a.active:not(.button):not(.user-chip):not(.messages-nav-icon){box-shadow:inset 0 -2px 0 var(--accent)}
html[data-theme] .forum-links .role-badge,html[data-theme] .forum-links .user-chip,html[data-theme] .forum-links .messages-nav-icon,html[data-theme] .forum-links .button{margin-left:8px}
html[data-theme] .user-chip{padding:8px 13px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03)}

/* Buttons & inputs */
html[data-theme] .button{min-height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#120802;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 28px rgba(var(--accent-rgb),.22);transition:.15s}
html[data-theme="default"] .button{color:#03140b}
html[data-theme] .button:hover{filter:brightness(1.08);transform:translateY(-1px)}
html[data-theme] .button.small{min-height:38px}
html[data-theme] .button.ghost{background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--text);box-shadow:none}
html[data-theme] .button.ghost:hover{background:rgba(255,255,255,.08)}
html[data-theme] .button.danger{background:rgba(240,90,90,.12);border:1px solid rgba(240,90,90,.3);color:#ffc1c1;box-shadow:none}
html[data-theme] .forum-form input,html[data-theme] .forum-form textarea,html[data-theme] .forum-form select{border:1px solid var(--line2);border-radius:12px;background:rgba(7,5,12,.7);color:var(--text);transition:.15s}
html[data-theme] .forum-form input:focus,html[data-theme] .forum-form textarea:focus,html[data-theme] .forum-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.14)}

/* Hero = UCP overview hero (accent glow + hazard stripe) */
html[data-theme] .forum-hero,html[data-theme] .coins-intro-hero{position:relative;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.22);border-radius:26px;
  background:linear-gradient(120deg,rgba(var(--accent-rgb),.13),transparent 48%),linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 24px 60px rgba(0,0,0,.4)}
html[data-theme] .forum-hero::after,html[data-theme] .coins-intro-hero::after{content:"";position:absolute;left:0;right:0;top:auto;bottom:0;width:auto;height:5px;opacity:.55;pointer-events:none;
  background:repeating-linear-gradient(90deg,var(--gold) 0 26px,transparent 26px 52px)}
html[data-theme] .forum-hero::before,html[data-theme] .coins-intro-hero::before{content:none}

/* Panels & cards */
html[data-theme] .panel,html[data-theme] .post-card,html[data-theme] .auth-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:0 18px 50px rgba(0,0,0,.28)}
html[data-theme] .panel::before,html[data-theme] .panel::after,html[data-theme] .post-card::before,html[data-theme] .auth-card::before{content:none!important}
html[data-theme] .panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}
html[data-theme] .category-row,html[data-theme] .topic-row,html[data-theme] .latest-item,html[data-theme] .category-subforum-row{border-bottom-color:var(--line)}
html[data-theme] .category-row:hover,html[data-theme] .topic-row:hover,html[data-theme] .latest-item:hover{background:rgba(var(--accent-rgb),.06)}
html[data-theme] .category-icon,html[data-theme] .topic-symbol,html[data-theme] .category-subforum-icon{border-radius:13px;border:0;background:rgba(var(--accent-rgb),.12);color:var(--accent);box-shadow:none}
html[data-theme] .avatar:not(.avatar-image){border-radius:14px;border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#120802;box-shadow:none}
html[data-theme] .category-info h3,html[data-theme] .topic-main h3{font-size:16px}
html[data-theme] .category-stats strong,html[data-theme] .topic-count strong{font-family:var(--display);font-size:22px;font-weight:700;line-height:1.1}
html[data-theme] .latest-item span{color:var(--accent)}
html[data-theme] .post-user{background:rgba(255,255,255,.015);border-right-color:var(--line)}
html[data-theme] .post-card.original{border-color:rgba(var(--accent-rgb),.22)}
html[data-theme] .post-username{font-family:var(--display);font-size:20px;font-weight:700}
html[data-theme] .breadcrumbs{font-size:12.5px}
html[data-theme] .alert{border-radius:14px}
html[data-theme] .truckers-radio{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--line)}
html[data-theme] .truckers-radio .truckers-radio-toggle{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#120802}
html[data-theme] .truckers-radio-heading>span,html[data-theme] .truckers-radio-heading small{color:var(--accent)}
html[data-theme] .truckers-radio-volume input{accent-color:var(--accent)}

/* Footer + colour theme picker */
html[data-theme] .forum-footer{background:rgba(8,6,13,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);font-size:12px}
html[data-theme] .forum-footer-theme{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
html[data-theme] .forum-theme-copy strong{font-family:var(--display);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
html[data-theme] .forum-theme-option{border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);font-weight:600}
html[data-theme] .forum-theme-option[aria-pressed="true"]{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12);color:var(--text);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}
.forum-theme-swatch-halloween{background:radial-gradient(circle at 40% 40%,#ffb15c,#ff7a1a 55%,#9b5cff)}
.forum-theme-swatch-default{background:#2ee38a}

/* Same truck mark as the homepage */
html[data-theme] .logo-box svg{width:30px;height:30px;fill:#120802}
html[data-theme] .logo-box svg .cut{fill:var(--accent)}
html[data-theme] .forum-links>a.active:not(.button):not(.user-chip):not(.messages-nav-icon){border:0;background:rgba(var(--accent-rgb),.12);color:var(--text);box-shadow:none}
html[data-theme] .with-actions .button.ghost,html[data-theme] .moderation-actions .button{background:rgba(16,13,24,.9)}
html[data-theme] .moderation-actions .button.danger{background:rgba(60,16,22,.9)}
html[data-theme] .forum-footer-theme{padding:18px 20px}
@media(max-width:700px){
  html[data-theme] .forum-nav{height:auto}
  html[data-theme] .forum-links{gap:6px}
  html[data-theme] .forum-links>a:not(.button):not(.user-chip):not(.messages-nav-icon){padding:7px 10px}
  html[data-theme] .forum-links .role-badge,html[data-theme] .forum-links .user-chip,html[data-theme] .forum-links .messages-nav-icon,html[data-theme] .forum-links .button{margin-left:0}
  html[data-theme] .forum-brand strong{font-size:22px}
}

/* v2: ghostly heading colours + darker look */
html[data-theme]{--panel:rgba(11,9,17,.93);--panel2:rgba(15,12,23,.95);--head-a:#f1eaff;--head-b:#b8a2e6}
body::after{background:
  linear-gradient(180deg,rgba(4,3,8,.7) 0,rgba(4,3,8,.45) 30%,rgba(4,3,8,.55) 70%,rgba(4,3,8,.85) 100%),
  radial-gradient(1000px 520px at 85% -10%,rgba(var(--accent-rgb),.06),transparent 60%)}
html[data-theme] .forum-hero h1,html[data-theme] .topic-title h1,html[data-theme] .auth-card h1,html[data-theme] .panel-head h2{background:linear-gradient(180deg,var(--head-a),var(--head-b));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme] .forum-header,html[data-theme] .forum-footer{background:rgba(5,4,9,.9)}