/* ══════════════════════════════════════════════════════════════════
   FAMOUS RALLY — IDENTITATEA 2026
   Se încarcă ULTIMUL pe fiecare pagină, peste brand.css.
   Galbenul Famous Rally pe negru profund, în limbajul unei prezentări
   de produs: tipografia sistemului Apple (SF Pro) cu Inter ca rezervă,
   titluri mari și strânse, suprafețe fără contur, colțuri generoase,
   bară de navigare subțire și translucidă, mișcare legată de scroll
   (js/motion.js — GSAP + ScrollTrigger, Lenis, SplitType).
   Culorile se schimbă dintr-un singur loc: tokenurile de mai jos.
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. TOKENURI ─────────────────────────────────────────────── */
:root,[data-theme="dark"]{
  --surface:#000000; --surface-2:#0D0D0F; --card:#161617; --card-2:#1D1D1F;
  --hero-bg:radial-gradient(90% 70% at 50% 0%,rgba(255,214,10,.10),transparent 60%),#000;
  --line:rgba(255,255,255,.08); --line-soft:rgba(255,255,255,.05); --line-strong:rgba(255,255,255,.18);
  --text:#F5F5F7; --text-2:#C7C7CC; --text-3:#86868B;
  --accent-text:#FFD60A; --accent-display:#FFD60A; --danger-text:#FF6961;
  --tint-1:rgba(255,255,255,.04); --tint-2:rgba(255,255,255,.07); --tint-3:rgba(255,255,255,.12);
  --nav-bg:rgba(22,22,23,.72); --overlay:rgba(0,0,0,.72); --img-ph:#1D1D1F;
  --halo:rgba(255,214,10,.08); --grain:0;
  --shadow:0 0 0 1px rgba(255,255,255,.04);
  --shadow-h:0 0 0 1px rgba(255,214,10,.35),0 24px 50px -30px rgba(0,0,0,.9);
  --shadow-lg:0 30px 80px -40px rgba(0,0,0,1);
  --btn-dark-bg:#1D1D1F; --btn-dark-fg:#F5F5F7;
  --band:#0D0D0F; --band-2:#000; --band-line:rgba(255,255,255,.08); --band-text:rgba(245,245,247,.62);
}
[data-theme="light"]{
  --surface:#FBFBFD; --surface-2:#F5F5F7; --card:#FFFFFF; --card-2:#F5F5F7;
  --hero-bg:radial-gradient(90% 70% at 50% 0%,rgba(255,204,0,.14),transparent 60%),#FBFBFD;
  --line:rgba(0,0,0,.08); --line-soft:rgba(0,0,0,.05); --line-strong:rgba(0,0,0,.18);
  --text:#1D1D1F; --text-2:#424245; --text-3:#6E6E73;
  /* galbenul pur nu se citește pe alb: pentru text, o variantă închisă (4.8:1) */
  --accent-text:#8A6A00; --accent-display:#9A7600; --danger-text:#D70015;
  --tint-1:rgba(0,0,0,.03); --tint-2:rgba(0,0,0,.05); --tint-3:rgba(0,0,0,.09);
  --nav-bg:rgba(251,251,253,.8); --overlay:rgba(0,0,0,.45); --img-ph:#E8E8ED;
  --shadow:0 2px 12px -4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --shadow-h:0 0 0 1px rgba(154,118,0,.35),0 24px 48px -28px rgba(0,0,0,.25);
  --shadow-lg:0 30px 70px -40px rgba(0,0,0,.3);
  --btn-dark-bg:#1D1D1F; --btn-dark-fg:#FFFFFF;
}
:root{
  --accent:#FFD60A; --accent-hot:#FFE14D; --accent-warm:#FFCC00; --accent-dim:#9A7600; --accent-ink:#1D1D1F;
  --accent-a08:rgba(255,214,10,.08); --accent-a16:rgba(255,214,10,.16); --accent-a30:rgba(255,214,10,.32);
  --danger:#FF453A; --warning:#FF9F0A; --success:#30D158; --info:#0A84FF;
  --font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;
  --font-ui:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;
  --font-body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;
  --font-mono:'SF Mono',ui-monospace,'JetBrains Mono',Menlo,monospace;
  --r-sm:10px; --r-md:14px; --r-lg:22px; --r-xl:30px; --r-pill:980px;
  --ease:cubic-bezier(.25,.1,.25,1);
  --glow-soft:0 10px 30px -14px rgba(255,214,10,.45);
  --glow-strong:0 16px 40px -16px rgba(255,214,10,.6);
}

/* ── 2. BAZĂ ȘI TIPOGRAFIE ───────────────────────────────────── */
body{font-family:var(--font-body);letter-spacing:-.006em;background:var(--surface)}
body::after{display:none !important}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent) !important;outline-offset:3px}

h1,h2,h3,h4,.h-display,.display,.section-title,.page-title,.hero-title,.vis-line,.form-header h1,
.card-top h3,.car-title,.crew-car-name,.gallery-card-title,.sc-model,.filter-title h3,.reg-event-title,
.auth-title h1,.modal-header h3,.panel-title,.crew-card-adm__car-name,.lb-car,.reg-state-title,
.ev-title,.pe-title,.alert-box strong,.empty-state strong,.swal2-title{
  font-family:var(--font-display) !important;font-weight:600 !important;font-style:normal !important;
  text-transform:none !important;letter-spacing:-.035em !important;line-height:1.04;
}
h1{font-size:clamp(36px,5.4vw,72px)}
h2{font-size:clamp(28px,3.8vw,48px)}
h3{font-size:clamp(18px,2vw,22px);letter-spacing:-.02em !important}
.h-soft{font-family:var(--font-display) !important;font-weight:600 !important;letter-spacing:-.035em !important}
.dark h2 em,.hero h1 .title-line + .title-line{font-style:normal}

/* etichete: Inter, drepte, cu punct lime — înlocuiesc italicele vechi */
.label,.label-text,.ui-label,.eyebrow,.toolbar-label,.side-card-label,.aside-label,.stat-label,.stat-foot,
.cd-label,.slot-label,.crew-owner-name,.gallery-card-meta,.sc-plate,.car-event,.probe-chip-unit,
.flow-label,.hero-location,.crew-card-adm__status,.lb-counter,.preloader-text,.loading-pulse,
.input-group label,.next-facts dt,.reg-summary dt,.reg-done-facts dt,.spec-list dt,.countdown span,
.car-tile__meta,.slide-meta,.rail-foot,.archive-divider span,.mosaic-item span,.sponsor__name,
.vote-box span,.status-pill,.car-tag,.car-tile__tag,.car-tile__votes,.hero-video-tag,.media-tag b,
.dark-links a,.logo-sub,.demo-bar-txt,.side-stat span,.wizard-steps li,.empty-note{
  font-family:var(--font-ui) !important;font-style:normal !important;font-weight:600 !important;
  letter-spacing:.06em !important;
}
.label,.eyebrow,.side-card-label,.toolbar-label{
  font-size:12px !important;text-transform:uppercase;color:var(--text-3)}
.label::before,.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}
.label.gold,.eyebrow{color:var(--accent-text) !important}
.input-group label{text-transform:none !important;letter-spacing:0 !important;font-size:13.5px !important;color:var(--text-2) !important}
.input-group label::before{display:none !important}
.mono,.stat-number,.cd-num,.lb-score b,.lb-rank,.stat-card h2,.side-stat b,.date-badge span,.sc-votes,
.countdown b,.vote-box b,.result-rank,.result-score b,.vis-stats strong,.probes-counter{
  font-family:var(--font-mono) !important;font-weight:700 !important;letter-spacing:-.02em !important;font-style:normal !important}

/* ── 3. BUTOANE: PASTILE ─────────────────────────────────────── */
.btn,.btn-primary,.btn-glass,.btn-outline,.btn-line,.btn-dark,.btn-action,.btn-ev,.btn-main,
.btn-danger-outline,.btn-danger-action,.btn-google,.btn-qr,.btn-poster,.btn-share,.btn-accept,
.btn-reject,.btn-details,.btn-save-score,.btn-status-info,.btn-resend-email,.btn-info-req,.btn-feature,
.score-btn,.probe-btn,.btn-vote-premium,.crew-card-adm__actions button,.sc-vote,.demo-open,
#demo-bar button,.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel,.link-btn{
  font-family:var(--font-ui) !important;font-style:normal !important;font-weight:600 !important;
  font-size:14.5px !important;letter-spacing:-.005em !important;text-transform:none !important;
  border-radius:var(--r-pill) !important;
}
.btn,.btn-primary,.btn-glass,.btn-outline,.btn-line,.btn-dark,.btn-action,.btn-ev,.btn-main,
.btn-danger-outline,.btn-danger-action,.btn-google{min-height:48px;padding:0 22px !important;gap:10px}
.btn-primary,.btn-accept,.btn-save-score,.btn-vote-premium,.swal2-styled.swal2-confirm{
  background:var(--accent) !important;color:var(--accent-ink) !important;
  box-shadow:0 0 0 1px rgba(255,214,10,.4),0 12px 30px -14px rgba(255,214,10,.55) !important}
.btn-primary:hover,.btn-accept:hover,.btn-save-score:hover,.btn-vote-premium:hover:not(:disabled){
  background:var(--accent-hot) !important;transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,214,10,.6),0 18px 36px -14px rgba(255,214,10,.7) !important}
.btn-line,.btn-glass,.btn-outline,.btn-action,.btn-ev,.btn-main,.btn-qr,.btn-poster,.btn-share,
.btn-details,.btn-status-info,.probe-btn,.btn-resend-email,.btn-info-req,.btn-feature,.swal2-styled.swal2-cancel{
  background:transparent !important;color:var(--text) !important;box-shadow:inset 0 0 0 1px var(--line-strong) !important}
.btn-line:hover,.btn-glass:hover,.btn-outline:hover,.btn-action:hover,.btn-ev:hover,.btn-main:hover,
.btn-qr:hover,.btn-poster:hover,.btn-share:hover,.btn-details:hover,.btn-status-info:hover,.probe-btn:hover,
.btn-resend-email:hover,.btn-info-req:hover,.btn-feature:hover{
  background:var(--tint-2) !important;box-shadow:inset 0 0 0 1px var(--text-3) !important;
  color:var(--text) !important;transform:translateY(-2px)}
.btn-feature[aria-pressed="true"]{background:var(--accent-a16) !important;color:var(--accent-text) !important;box-shadow:inset 0 0 0 1px var(--accent-a30) !important}
/* butonul de cont din meniu */
.btn-dark,.nav-links > a.btn-dark{background:var(--text) !important;color:var(--surface) !important;box-shadow:none !important}
.btn-dark:hover{background:var(--accent) !important;color:var(--accent-ink) !important;transform:translateY(-2px)}
.btn-reject,.btn-danger-outline,.btn-danger-action{background:transparent !important;color:var(--danger-text) !important;
  box-shadow:inset 0 0 0 1px rgba(255,90,90,.45) !important}
.btn-reject:hover,.btn-danger-outline:hover,.btn-danger-action:hover{background:rgba(255,90,90,.12) !important}
.btn-google,#google-btn{background:var(--text) !important;color:var(--surface) !important;box-shadow:none !important}
/* săgeata din butoane devine un cerc */
.btn .chev,.btn-primary .chev{width:24px;height:24px;margin-right:-10px;border-radius:50%;
  align-items:center;justify-content:center;font-size:15px;line-height:1;background:rgba(11,12,14,.12)}
.btn-line .chev,.btn-dark .chev{background:var(--tint-2)}
.btn-primary:disabled,#car-vote:disabled{opacity:1;background:var(--tint-2) !important;color:var(--text-2) !important;box-shadow:none !important;transform:none}

/* ── 4. MENIU PLUTITOR ───────────────────────────────────────── */
.navbar,.nav{
  /* centrat fără transform: un transform ar închide meniul de telefon (position:fixed) în bară */
  top:12px !important;left:12px !important;right:12px !important;margin-inline:auto;max-width:1240px;
  padding:8px 8px 8px 20px !important;
  border-radius:var(--r-pill);border:1px solid var(--line) !important;
  background:var(--nav-bg);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 20px 40px -28px rgba(0,0,0,.8);
}
.navbar.scrolled,.nav.stuck{padding:8px 8px 8px 20px !important;border-bottom-color:var(--line) !important;background:var(--nav-bg)}
.nav-links{gap:4px !important}
.nav-links > a:not(.btn):not(.btn-dark),.nav-link{
  font-family:var(--font-ui) !important;font-style:normal !important;font-weight:500 !important;font-size:14px !important;
  letter-spacing:-.005em !important;text-transform:none !important;color:var(--text-2) !important;
  padding:9px 14px;border-radius:var(--r-pill);transition:background .2s,color .2s}
.nav-links > a:not(.btn):not(.btn-dark):hover,.nav-links > a[aria-current="page"]{background:var(--tint-2);color:var(--text) !important}
.nav-links .btn-dark{min-height:42px;padding:0 18px !important;margin-left:6px}
.navbar > .btn-glass,.navbar > .btn-outline,.navbar > div > .btn-glass{min-height:42px;padding:0 18px !important;font-size:14px !important}
.theme-toggle{border-radius:50% !important;width:42px;height:42px;background:transparent !important;box-shadow:inset 0 0 0 1px var(--line) !important}
.theme-toggle--float{top:20px;right:20px;background:var(--card) !important}
.scroll-progress{display:none}

/* logo nou — text + semn, randat cu fonturile site-ului */
.fr-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;line-height:1;white-space:nowrap}
.fr-logo__mark{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.06em;
  box-shadow:inset 0 -3px 0 rgba(11,12,14,.18)}
.fr-logo__word{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.04em;color:var(--text)}
.fr-logo__word b{font-weight:500;color:var(--text-3);margin-left:.28em}
.fr-logo--lg .fr-logo__mark{width:48px;height:48px;border-radius:14px;font-size:21px}
.fr-logo--lg .fr-logo__word{font-size:26px}
.logo{gap:0 !important}
.logo img,.logo-mark,.logo-word,.hero .ghost{display:none !important}

/* ── 5. SUPRAFEȚE, CARDURI ───────────────────────────────────── */
.glass-panel,.panel,.side-card,.stat-card,.stats-box,.toolbar,.event-card,.car-card,.crew-card,
.crew-card-adm,.gallery-card,.sc-card,.showroom-card,.app-card,.premium-slide-card,.car-tile,.pcard,
.next-card,.steps li,.crew-chip,.sponsor,.partner-cta,.car-panel,.vote-box,.reg-summary,.wizard-steps li,
.crew-status-card,.crew-status-none,.auth-box,.reg-event-card,.reg-submit-bar,.consent-banner,.app-banner{
  border-radius:var(--r-lg) !important;border:0 !important;box-shadow:var(--shadow) !important;background:var(--card)}
.event-card:hover,.car-card:hover,.crew-card:hover,.crew-card-adm:hover,.gallery-card:hover,.sc-card:hover,
.showroom-card:hover,.premium-slide-card:hover,.car-tile:hover,.crew-chip:hover,a.sponsor:hover,.pcard:hover{
  box-shadow:var(--shadow-h) !important;transform:translateY(-4px) !important}
/* colțurile galbene tăiate dispar */
.event-card::after,.car-card::after,.crew-card::after,.gallery-card::after,.sc-card::after,.showroom-card::after,
.car-tile::after,.pcard::after,.media::after,.hero-video::after,.car-gallery__main::after{display:none !important}
.panel-head{background:transparent !important;border-bottom:1px solid var(--line) !important}
.modal-overlay .glass-panel{border-radius:var(--r-xl) !important;box-shadow:var(--shadow-lg) !important}
.alert-box,.logistics-box,.manual-checkin-box{background:var(--surface-2) !important;box-shadow:inset 0 0 0 1px var(--line) !important;border-radius:var(--r-md) !important}

/* ── 6. TABURI, INSIGNE, STĂRI ───────────────────────────────── */
.sub-tab,.event-tab,.probe-tab-btn,.nav-tab-btn,.chip-toggle,.side-nav-item{
  border-radius:var(--r-pill) !important;font-family:var(--font-ui) !important;font-style:normal !important;
  font-weight:600 !important;letter-spacing:-.005em !important;text-transform:none !important;font-size:14px !important;
  background:transparent !important;box-shadow:inset 0 0 0 1px var(--line) !important;color:var(--text-2) !important}
.sub-tab:hover,.event-tab:hover,.probe-tab-btn:hover,.nav-tab-btn:hover,.side-nav-item:hover{background:var(--tint-2) !important;color:var(--text) !important}
.sub-tab.active,.event-tab.active,.probe-tab-btn.active,.nav-tab-btn.nav-tab-active,.chip-toggle[aria-pressed="true"],
.side-nav-item.is-active,.side-nav-item.nav-tab-active{
  background:var(--accent) !important;color:var(--accent-ink) !important;box-shadow:none !important}
.side-nav-item::before{display:none !important}
.side-nav-item:hover{padding-left:16px !important}
.badge,.archive-badge,.pending-badge,.presence-badge,.probe-badge,.crew-tag,.car-status,.status-pill,.car-tag,
.car-tile__tag,.car-tile__votes,.hero-badge,.gallery-pill,.crew-tag-gallery,.vote-badge,.sc-crew,.sc-gallery,.archive-ribbon{
  border-radius:var(--r-pill) !important;font-family:var(--font-ui) !important;font-style:normal !important;
  font-weight:600 !important;letter-spacing:.02em !important;text-transform:none !important;font-size:12px !important}
.hero-badge,.event-hero .hero-badge,.gallery-hero .hero-badge,.crew-hero .hero-badge{
  background:rgba(11,12,14,.55) !important;color:#F5F6F7 !important;padding:8px 14px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;backdrop-filter:blur(10px)}
.hero-badge::before{display:inline-block !important;content:'' !important;width:6px;height:6px;border-radius:50%;background:var(--accent) !important}
.date-badge{border-radius:var(--r-md) !important;background:var(--accent) !important}
.date-badge small,.date-badge em{font-family:var(--font-ui) !important;font-style:normal !important;letter-spacing:.04em !important}

/* plăcuța de înmatriculare */
.car-tile__plate,.plate-tag,.plate,.car-plate,.gallery-card-plate,.sc-plate{
  font-family:var(--font-mono) !important;font-style:normal !important;letter-spacing:.04em !important}
.plate{border-left-color:#1F4BB8 !important}

/* ── 7. CÂMPURI ──────────────────────────────────────────────── */
.premium-input,.search-input,.date-input,.score-input,.swal2-input,.swal2-textarea{
  border-radius:var(--r-md) !important;background:var(--surface-2) !important;
  box-shadow:inset 0 0 0 1px var(--line) !important;min-height:48px;font-family:var(--font-body) !important}
.premium-input:focus,.search-input:focus,.date-input:focus,.score-input:focus{
  box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px var(--accent-a16) !important;background:var(--card) !important}
.toolbar-sep{background:var(--line) !important;transform:none !important;width:1px !important}
.check-row input,.probe-check input{accent-color:var(--accent)}

/* ── 8. SEPARATOARE: firele diagonale dispar ─────────────────── */
.cut{display:none !important}
.event-hero::after,.gallery-hero::after,.auth-visual::after{display:none !important}
.hero{padding-bottom:clamp(56px,8vw,96px)}
.page-hero{padding-bottom:clamp(40px,6vw,72px) !important;border-bottom:1px solid var(--line-soft)}
.page-hero::before{opacity:1 !important;background:radial-gradient(circle,var(--accent-a16),transparent 65%) !important}
.archive-divider::before{background:var(--line) !important}
.dark-links a::before{display:none}

/* ── 9. PRIMA PAGINĂ: HERO PE TOT ECRANUL ────────────────────── */
.hero{position:relative;min-height:min(100svh,920px);display:flex;align-items:flex-end;
  padding-top:140px !important;background:#08090A !important;isolation:isolate}
.hero-grid{position:static !important;grid-template-columns:1fr !important;width:100%;max-width:1240px !important}
.hero-grid > div:first-child{position:relative;z-index:2;max-width:860px}
.hero-shot{position:absolute !important;inset:0;z-index:0;min-height:0 !important;order:0 !important}
.hero-video{position:absolute !important;inset:0;max-width:none !important;width:100%;height:100%;margin:0 !important;
  border-radius:0 !important;aspect-ratio:auto !important;box-shadow:none !important}
.hero-video::before{inset:0 !important;height:auto !important;
  background:linear-gradient(to top,#000000 0%,rgba(11,12,14,.72) 38%,rgba(11,12,14,.35) 70%,rgba(11,12,14,.55) 100%),
             linear-gradient(90deg,rgba(11,12,14,.75) 0%,transparent 70%) !important}
.hero-video-tag{left:auto !important;right:clamp(16px,4vw,40px);bottom:clamp(20px,4vw,40px) !important;
  padding:8px 14px;border-radius:var(--r-pill);background:rgba(11,12,14,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  font-size:12px !important;text-transform:none !important}
.hero-video-tag i{background:var(--accent) !important;box-shadow:0 0 0 0 rgba(255,214,10,.6) !important}
.hero h1{font-size:clamp(46px,8vw,118px) !important;line-height:.94 !important;color:#F5F6F7 !important;letter-spacing:-.05em !important}
.hero h1 .title-line + .title-line{color:var(--accent) !important}
.hero-desc{color:rgba(245,246,247,.78) !important;font-size:clamp(16px,1.4vw,19px) !important;max-width:52ch !important}
.hero .btn-line{color:#F5F6F7 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3) !important;backdrop-filter:blur(8px)}
.hero .hero-badge{margin-bottom:26px}
.hero .hero-badge svg{color:var(--accent)}

/* secțiunile homepage-ului */
.next{padding-top:clamp(56px,8vw,104px) !important}
.next-card{overflow:hidden}
.countdown .cd{border-radius:var(--r-md) !important;background:var(--surface-2) !important;box-shadow:inset 0 0 0 1px var(--line)}
.vote-band{background:var(--accent) !important}
.vote-band h2,.vote-band .label{color:var(--accent-ink) !important}
.vote-band .label::before{background:var(--accent-ink)}
.vote-band .btn-dark{background:var(--accent-ink) !important;color:var(--accent) !important}
.mosaic-item,.next-media,.slide-img,.crew-chip__img,.car-tile__img{border-radius:0}
.mosaic-item{border-radius:var(--r-lg) !important}
.steps li > b{border-radius:50% !important;font-family:var(--font-mono) !important;font-size:16px !important}
.final-cta{background:var(--hero-bg) !important}
.dark{background:var(--band) !important}
.dark h2{color:#F5F6F7 !important}
.dark h2 em{color:var(--accent) !important}
.media{border-radius:var(--r-xl) !important}
.play{background:var(--accent) !important}
.archive-card{filter:grayscale(.85)}

/* ── 10. PAGINI INTERIOARE ───────────────────────────────────── */
.event-hero,.gallery-hero,.crew-hero,.dash-hero,.garage-hero{padding-top:120px}
.hero-title{letter-spacing:-.045em !important}
.cd-num,.cd-unit{border-radius:var(--r-md) !important;background:var(--surface-2) !important;box-shadow:inset 0 0 0 1px var(--line) !important}
.cd-num,.cd-sep{color:var(--accent-display) !important}
.lb-row.lb-top{background:var(--accent-a08) !important;box-shadow:inset 0 0 0 1px var(--accent-a30) !important}
.lb-rank,.result-rank{color:var(--accent-display) !important}
.photo-slot,.crew-photo-slot{border-radius:var(--r-md) !important}
.photo-slot:hover,.crew-photo-slot:hover{border-color:var(--accent) !important}
.progress-bar-fill,.upload-progress-fill{background:var(--accent) !important}
.lb-counter{color:var(--accent) !important}
.lb-nav-btn,.lb-close{border-radius:50% !important}
.lb-nav-btn:hover,.lb-close:hover{background:var(--accent) !important;color:var(--accent-ink) !important}
.side-user-dot{clip-path:none !important;border-radius:12px;font-family:var(--font-display) !important;font-weight:700}
.wizard-steps b{border-radius:50% !important;font-family:var(--font-mono) !important}
.reg-done-icon{background:var(--accent) !important}
.flow-dot{border-radius:50% !important}

/* autentificare */
.auth-visual{background:var(--hero-bg) !important}
.vis-line{color:var(--text) !important}

/* ── 11. PRELOADER, CURSOR, DIALOGURI ────────────────────────── */
#preloader{background:var(--surface) !important}
#preloader::before{clip-path:none !important;width:44px !important;height:44px !important;border-radius:50%;
  background:transparent !important;border:3px solid var(--tint-3);border-top-color:var(--accent);
  animation:frSpin .8s linear infinite !important}
@keyframes frSpin{to{transform:rotate(360deg)}}
.preloader-text{text-transform:none !important;letter-spacing:.02em !important;font-size:13px !important}
/* cursorul personalizat dispare: cursorul sistemului e mai precis și mai previzibil */
.cursor-dot,.cursor-outline{display:none !important}
body,body *{cursor:revert}
body{cursor:auto !important}
a,button,[role="button"],label[for],select,summary,.photo-slot{cursor:pointer}
.swal2-popup{border-radius:var(--r-xl) !important;background:var(--card) !important;box-shadow:var(--shadow-lg) !important}
.swal2-title{font-size:24px !important}
.swal2-icon.swal2-success{border-color:var(--accent) !important;color:var(--accent) !important}
.swal2-icon.swal2-success [class^='swal2-success-line']{background-color:var(--accent) !important}
.swal2-icon.swal2-success .swal2-success-ring{border-color:var(--accent-a30) !important}
.swal2-timer-progress-bar{background:var(--accent) !important}

/* ── 12. SUBSOL ──────────────────────────────────────────────── */
footer,.site-footer{background:var(--band-2) !important;border-top:1px solid var(--band-line) !important;padding-top:40px !important;padding-bottom:40px !important}
footer .fr-logo__word{color:#F5F6F7}
.socials a{border-radius:50% !important;box-shadow:inset 0 0 0 1px var(--band-line)}
.socials a:hover{background:var(--accent) !important;color:var(--accent-ink) !important}

/* ── 13. MOD DEMO ────────────────────────────────────────────── */
#demo-bar{background:#141619 !important;color:#F5F6F7 !important;box-shadow:0 -1px 0 var(--line),0 -10px 30px -18px #000 !important}
.demo-bar-dot{background:var(--accent) !important}
.demo-bar-switch{background:rgba(255,255,255,.08) !important;color:#F5F6F7 !important}
.demo-bar-exit{background:var(--accent) !important;color:var(--accent-ink) !important}
.demo-pick-ic{background:var(--accent) !important}

/* ── 14. TELEFON ─────────────────────────────────────────────── */
@media(max-width:900px){
  .navbar,.nav{top:8px !important;left:8px !important;right:8px !important;padding:6px 6px 6px 14px !important}
  .fr-logo__mark{width:30px;height:30px;font-size:13px;border-radius:9px}
  .fr-logo__word{font-size:16px}
}
@media(max-width:760px){
  /* blur-ul ar face din bară „containerul" meniului lateral — pe telefon fundal plin */
  .navbar,.nav,.navbar.scrolled{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(16,18,21,.96) !important}
  [data-theme="light"] .navbar,[data-theme="light"] .navbar.scrolled{background:rgba(255,255,255,.97) !important}
  .nav-links{top:0 !important;right:0 !important;border-radius:0;transform:translateX(110%)}
  .nav-links.open{transform:none !important}
  .nav-links > a:not(.btn):not(.btn-dark){font-size:17px !important;padding:14px 12px}
  .hero{min-height:88svh;padding-top:110px !important}
  .hero h1{font-size:clamp(42px,13vw,64px) !important}
  .hero-video-tag{display:none}
  .btn,.btn-primary,.btn-line{min-height:50px}
}
@media(max-width:430px){
  .fr-logo__word{display:none}
}

/* ajustări după prima verificare vizuală */
.logo,.logo *{text-transform:none !important}
.hero .hero-badge::before{display:none !important}
.fr-logo,.fr-logo *{text-transform:none !important;font-style:normal !important}
.logo-visual .fr-logo__mark,.mobile-logo .fr-logo__mark,.fr-logo .fr-logo__mark{color:var(--accent-ink) !important}
.logo-visual .fr-logo__word,.mobile-logo .fr-logo__word{color:var(--text) !important}
.logo-visual .fr-logo__word b,.mobile-logo .fr-logo__word b{color:var(--text-3) !important}
.cd-sub,.auth-sep span,.probe-chip-name,.car-tags span,.sc-chips span{font-style:normal !important;font-family:var(--font-ui) !important;letter-spacing:.04em !important}
/* în panouri butoanele din bară stau în dreapta, ca pe paginile publice */
.navbar > .logo + *:not(.nav-links){margin-left:auto}

/* meniul pe telefon: logo în stânga, comenzile în dreapta, butonul de închidere deasupra panoului */
@media(max-width:760px){
  .navbar > .logo{margin-right:auto}
  .navbar > .logo + *:not(.nav-links){margin-left:0}
  .navbar .burger,.navbar .hamburger-btn{position:relative;z-index:120;order:10;width:42px;height:42px;border-radius:50%;
    display:flex !important;flex-direction:column;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 0 0 1px var(--line)}
  .navbar .burger span,.navbar .hamburger-btn span{width:18px;margin:2.5px 0}
  .navbar .burger.open span:nth-child(1),.navbar .hamburger-btn.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .navbar .burger.open span:nth-child(3),.navbar .hamburger-btn.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .nav-links{width:min(86vw,340px) !important;padding:84px 20px 28px !important;align-items:stretch !important;
    box-shadow:-30px 0 60px -20px rgba(0,0,0,.7);border-left:1px solid var(--line) !important}
  .nav-links > a:not(.btn):not(.btn-dark){text-align:left;border-radius:var(--r-md)}
  .nav-links .btn-dark{margin:14px 0 0 !important;min-height:52px;font-size:15px !important}
}

/* ══════════════════════════════════════════════════════════════════
   15. LIMBAJUL „PREZENTARE DE PRODUS"
   Bară de navigare subțire, hero centrat cu scenă video, titluri mari
   centrate, spațiu generos, suprafețe fără contur.
   ══════════════════════════════════════════════════════════════════ */

/* tipografie */
h1,h2,.h-display,.hero-title,.page-title{font-weight:700 !important;letter-spacing:-.04em !important}
h2,.h-display{font-size:clamp(34px,4.8vw,64px)}
h3,.panel-title,.car-panel__title{font-weight:600 !important;letter-spacing:-.02em !important}
body{font-size:17px;line-height:1.55}
.label,.eyebrow,.side-card-label{font-size:15px !important;text-transform:none !important;letter-spacing:-.01em !important;font-weight:600 !important}
.label::before,.eyebrow::before{display:none !important}
.label.gold,.eyebrow{color:var(--accent-text) !important}
.text-gradient,.hero h1 .title-line + .title-line,.numbers b{
  background:linear-gradient(90deg,#FFD60A 0%,#FFB800 55%,#FF9F0A 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent}
/* SplitType împarte rândul în cuvinte: degradeul trebuie pus pe fiecare cuvânt */
.hero h1 .title-line + .title-line .word{
  background:inherit;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* bara de navigare: subțire, pe toată lățimea, translucidă */
.navbar,.nav{
  top:0 !important;left:0 !important;right:0 !important;max-width:none;margin:0;
  height:56px;border-radius:0;border:0 !important;border-bottom:1px solid var(--line) !important;
  padding:0 max(22px,calc((100% - 1180px) / 2)) !important;
  background:var(--nav-bg) !important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  box-shadow:none}
.navbar.scrolled,.nav.stuck{padding:0 max(22px,calc((100% - 1180px) / 2)) !important;height:56px}
.nav-links > a:not(.btn):not(.btn-dark),.nav-link{font-size:13.5px !important;font-weight:400 !important;color:var(--text-2) !important;padding:8px 11px}
.nav-links > a:not(.btn):not(.btn-dark):hover,.nav-links > a[aria-current="page"]{background:transparent;color:var(--text) !important}
.nav-links .btn-dark,.nav-links > a.btn-dark{min-height:32px !important;padding:0 16px !important;font-size:13px !important;
  background:var(--accent) !important;color:var(--accent-ink) !important;margin-left:10px}
.navbar > .btn-glass,.navbar > .btn-outline,.navbar > div > .btn-glass,.navbar > div > .btn-danger-outline,.navbar .btn-danger-outline{
  min-height:32px !important;padding:0 14px !important;font-size:13px !important}
.theme-toggle{width:34px !important;height:34px !important;box-shadow:none !important}
.theme-toggle:hover{background:var(--tint-2) !important}
.fr-logo__mark{width:28px;height:28px;border-radius:8px;font-size:12.5px;box-shadow:none}
.fr-logo__word{font-family:var(--font-display);font-size:16.5px;letter-spacing:-.03em}
.fr-logo__word b{color:var(--text-3)}

/* butoane */
.btn,.btn-primary,.btn-line,.btn-glass,.btn-outline,.btn-dark{font-size:16px !important;font-weight:500 !important;min-height:46px}
.btn-primary{box-shadow:none !important}
.btn-primary:hover{box-shadow:0 10px 30px -12px rgba(255,214,10,.6) !important;transform:none}
.btn-line,.btn-glass,.btn-outline,.btn-action,.btn-ev,.btn-main,.btn-qr,.btn-poster,.btn-share,.btn-details,
.btn-status-info,.probe-btn,.btn-resend-email,.btn-info-req,.btn-feature,.swal2-styled.swal2-cancel{
  background:var(--tint-2) !important;box-shadow:none !important}
.btn-line:hover,.btn-glass:hover,.btn-outline:hover,.btn-action:hover,.btn-ev:hover,.btn-main:hover,.btn-qr:hover,
.btn-poster:hover,.btn-share:hover,.btn-details:hover,.btn-status-info:hover,.probe-btn:hover,.btn-resend-email:hover,
.btn-info-req:hover,.btn-feature:hover{background:var(--tint-3) !important;box-shadow:none !important;transform:none}
.btn .chev,.btn-primary .chev{background:none;width:auto;height:auto;margin:0;font-size:18px}

/* suprafețe: colțuri generoase, fără contur pe întuneric */
.glass-panel,.panel,.side-card,.stat-card,.toolbar,.event-card,.car-card,.crew-card,.crew-card-adm,.gallery-card,.sc-card,
.app-card,.premium-slide-card,.car-tile,.next-card,.steps li,.crew-chip,.sponsor,.partner-cta,.car-panel,.reg-summary,
.crew-status-card,.auth-box,.reg-event-card,.reg-submit-bar{border-radius:var(--r-lg) !important}
.next-card,.car-panel,.auth-box,.partner-cta{border-radius:var(--r-xl) !important}
.event-card:hover,.car-card:hover,.crew-card:hover,.gallery-card:hover,.sc-card:hover,.premium-slide-card:hover,
.car-tile:hover,.crew-chip:hover,a.sponsor:hover{transform:scale(1.015) !important;box-shadow:var(--shadow-h) !important}

/* ── HERO CENTRAT CU SCENĂ VIDEO ── */
.hero{display:block !important;min-height:0 !important;padding:clamp(120px,15vh,170px) 0 0 !important;
  text-align:center;background:var(--surface) !important;overflow:hidden}
.hero-grid{display:flex !important;flex-direction:column;align-items:center;max-width:none !important;gap:0 !important}
.hero-grid > div:first-child{max-width:1040px;margin:0 auto;padding:0 22px;display:flex;flex-direction:column;align-items:center}
.hero .hero-badge{margin:0 0 28px !important;background:var(--tint-2) !important;color:var(--text-2) !important;box-shadow:none !important}
.hero h1{font-size:clamp(52px,9vw,132px) !important;line-height:.98 !important;letter-spacing:-.055em !important;color:var(--text) !important}
.hero h1 .title-line{display:block}
.hero-desc{margin:28px auto 0 !important;max-width:40ch !important;font-size:clamp(19px,1.7vw,24px) !important;
  line-height:1.4 !important;font-weight:500;color:var(--text-3) !important}
.hero-buttons{justify-content:center;margin-top:36px !important}
.hero .btn-line{color:var(--text) !important;backdrop-filter:none}
.hero-shot{position:relative !important;inset:auto !important;width:100%;margin-top:clamp(56px,7vw,96px);
  height:clamp(300px,58vw,820px);padding:0 var(--stage-inset,9vw);box-sizing:border-box}
.hero-video{position:relative !important;inset:auto !important;height:100% !important;
  border-radius:var(--stage-radius,32px) !important;overflow:hidden}
.motion-off .hero-video{border-radius:32px !important}
.hero-video::before{background:linear-gradient(to top,rgba(0,0,0,.55),transparent 40%) !important}
.hero-video-tag{left:clamp(18px,3vw,32px) !important;right:auto;bottom:clamp(18px,3vw,32px) !important;display:inline-flex !important}

/* ── SECȚIUNI CU TITLURI CENTRATE ── */
.next,.featured,.home-gallery,.people,.editions,.numbers,.final-cta{padding-block:clamp(88px,11vw,160px) !important}
.featured .sec-head,.home-gallery .sec-head,.editions .sec-head,#crew-block .sec-head,#sponsors-block .sec-head{
  flex-direction:column;align-items:center !important;text-align:center;gap:18px;margin-bottom:clamp(40px,5vw,64px)}
.featured .sec-head > div,.home-gallery .sec-head > div,.editions .sec-head > div,#crew-block .sec-head > div,#sponsors-block .sec-head > div{
  display:flex;flex-direction:column;align-items:center}
.sec-head h2{font-size:clamp(36px,5vw,64px) !important;margin-top:10px}
.sec-head .side{text-align:center;max-width:46ch;font-size:19px;color:var(--text-3)}
.featured,.people{background:var(--surface-2) !important;border-top:0 !important}
.editions{background:var(--surface) !important;border-top:0 !important}
.next-card{background:var(--card-2) !important;box-shadow:none !important}
.final-grid{align-items:start}
.final-cta h2{font-size:clamp(40px,5.6vw,72px) !important}
.steps li{background:var(--card-2) !important;box-shadow:none !important;padding:26px 28px}
.steps li > b{background:var(--accent) !important;color:var(--accent-ink) !important}

/* ── ÎN CIFRE ── */
.numbers{background:var(--surface);text-align:center;padding-inline:var(--pad) !important}
.numbers .wrap{display:flex;flex-direction:column;align-items:center}
.numbers h2{max-width:18ch;margin:14px 0 clamp(48px,6vw,80px)}
.numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,2vw,24px);width:100%;max-width:1100px}
.number{padding:clamp(28px,4vw,48px) 20px;border-radius:var(--r-xl);background:var(--card-2);display:flex;flex-direction:column;gap:10px;align-items:center}
.numbers b{font-family:var(--font-display) !important;font-weight:700;font-size:clamp(56px,7vw,96px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.number span{font-size:17px;color:var(--text-3)}

/* subsol */
footer,.site-footer{background:var(--surface-2) !important;border-top:1px solid var(--line) !important}
.foot small,.foot-link{color:var(--text-3) !important;font-size:12.5px}
footer .fr-logo__word{color:var(--text)}
.socials a{color:var(--text-3) !important;box-shadow:none !important}

/* mod demo: bara de jos în aceeași limbă */
#demo-bar{background:var(--nav-bg) !important;backdrop-filter:saturate(180%) blur(20px);color:var(--text) !important}
.demo-bar-switch{background:var(--tint-2) !important;color:var(--text) !important}

@media(max-width:900px){
  .navbar,.nav{top:0 !important;left:0 !important;right:0 !important;height:52px;padding:0 10px 0 16px !important}
}
@media(max-width:760px){
  /* fără blur pe telefon (vezi secțiunea 14), deci fundal plin */
  .navbar,.nav,.navbar.scrolled{border-radius:0;background:var(--surface) !important}
  .hero{padding-top:104px !important}
  .hero h1{font-size:clamp(44px,13vw,64px) !important}
  .hero-shot{height:68vw;padding:0 16px;margin-top:44px}
  .hero-video{border-radius:22px !important}
  .sec-head h2{font-size:clamp(32px,9vw,44px) !important}
  .numbers-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
  .number{padding:22px 8px;border-radius:var(--r-lg)}
  .numbers b{font-size:44px}
  .number span{font-size:13px;line-height:1.3}
}