/* RomanianGuide — fundația vizuală (token-uri, tipografie, header, secțiuni, footer). Se încarcă ultimul în <head>. */

/* 1. Token-uri */
:root{
  --orange:#ea580c;
  --orange-dark:#c2410c;
  --orange-light:#fdba74;
  --orange-soft:rgba(234,88,12,.08);
  --orange-tint:#fff3eb;
  --gold:#fdba74;
  --saffron:#fb923c;

  --ink:#211a17;
  --ink-soft:#5b504b;
  --ink-faint:#948a83;
  --muted:#948a83;
  --paper:#ffffff;
  --cream:#fbf3eb;
  --sand:#f4e9dc;
  --line:rgba(33,26,23,.10);
  --line-2:rgba(33,26,23,.18);

  --r-sm:10px;
  --r:16px;
  --r-lg:24px;
  --shadow-sm:0 1px 2px rgba(33,26,23,.06),0 2px 8px rgba(33,26,23,.05);
  --shadow:0 2px 6px rgba(33,26,23,.05),0 14px 34px rgba(33,26,23,.09);
  --shadow-lg:0 4px 12px rgba(33,26,23,.06),0 28px 64px rgba(33,26,23,.16);
  --ease:cubic-bezier(.22,.61,.36,1);

  --rg-section:clamp(3.25rem,2.4rem + 3.4vw,6rem);
  --rg-section-tight:clamp(2.25rem,1.8rem + 2vw,3.75rem);
  --rg-gutter:clamp(1rem,.6rem + 2vw,3rem);
  --rg-w:1240px;

  --font:'Poppins','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --hand:'Caveat','Segoe Print','Bradley Hand',cursive;
}

/* 2. Tipografie */
html body{font-family:var(--font);color:var(--ink);background:#fff}
h1,h2,h3,h4,.serif{font-family:var(--font);letter-spacing:-.02em}
h1,h2{font-weight:700}
h3,h4{font-weight:600}
h1 em,h2 em,h3 em,.hero h1 em{font-style:normal;color:var(--orange)}
.kicker{font-family:var(--hand);font-weight:700;color:var(--orange)}
.hand{font-family:var(--hand);color:var(--orange)}
.eyebrow{color:var(--orange)}
::selection{background:var(--orange-tint);color:var(--ink)}

/* 3. Header */
.bar{border-bottom:0;box-shadow:0 2px 14px rgba(33,26,23,.06);background:#fff}
@media (min-width:901px){
  .bar .wrap{height:80px}
  .hero .wrap{min-height:calc(100vh - 80px)}
}
.nav a{font-family:var(--font);font-size:15px;font-weight:500;color:var(--ink-soft)}
.nav a:hover,.nav a.is-active{color:var(--ink)}
.nav a::after{background:var(--orange);height:2px;border-radius:2px}
.nav a.nav-owner{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:var(--orange);color:#fff;font-size:13.5px;font-weight:600;line-height:1.2;transition:background .18s var(--ease)}
.nav a.nav-owner:hover{background:var(--orange-dark);color:#fff}
.nav a.nav-owner::after{display:none}
.lang{border-color:var(--line-2)}
.lang a.on{background:var(--ink);color:#fff}
.burger{border-color:var(--line-2)}
.mobile-nav a{font-family:var(--font);font-weight:600;letter-spacing:-.01em}
.mobile-nav a.nav-owner{font-weight:600;color:var(--orange)}

/* 4. Layout și secțiuni */
.wrap{max-width:var(--rg-w);padding-left:var(--rg-gutter);padding-right:var(--rg-gutter)}
:where(.sec):not(.own-sec){padding-top:var(--rg-section);padding-bottom:var(--rg-section)}
.sec--tight{padding-top:var(--rg-section-tight);padding-bottom:var(--rg-section-tight)}
.sec--cream{background:var(--cream)}
.sec--sand{background:var(--sand)}

/* 5. Antet de secțiune (.sec-head / rg_shead) */
.sec-head{max-width:720px;margin-left:auto;margin-right:auto;margin-bottom:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);text-align:center}
.sec-head .kicker{display:inline-block;margin:0 0 .35rem;font-size:clamp(1.5rem,1.3rem + .8vw,1.9rem);line-height:1.1;transform:rotate(-2deg)}
.sec-head h1,.sec-head h2,.sec-head h3{font-family:var(--font);font-weight:800;font-size:clamp(1.85rem,1.55rem + 1.2vw,2.5rem);line-height:1.15;letter-spacing:-.025em;margin:0;color:var(--ink)}
.sec-head h1::after,.sec-head h2::after,.sec-head h3::after{content:"";display:block;width:52px;height:3px;margin:1rem auto 0;border-radius:2px;background:var(--orange)}
.sec-head p{margin:1rem auto 0;max-width:60ch;font-size:1rem;line-height:1.7;color:var(--ink-soft)}

/* 6. Butoane */
.btn{font-family:var(--font)}
.btn:where(:not(.ghost,.btn-ghost,.btn-quiet,.btn-primary)){font-weight:600;font-size:15px;padding:14px 26px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(234,88,12,.6);transition:background .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}
.btn:where(:not(.ghost,.btn-ghost,.btn-quiet,.btn-primary)):hover{background:var(--orange-dark);color:#fff;transform:translateY(-2px);filter:none;box-shadow:0 14px 28px -14px rgba(194,65,12,.7)}

/* 7. Carduri drepte, fără înclinare */
.card,.card:nth-child(n){--rot:0deg}
.card{transform:none;border-radius:var(--r);padding:10px 10px 18px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card .ph{border-radius:12px;background:var(--cream)}
.card:hover .ph img{transform:scale(1.03)}
.card h3{font-family:var(--font);font-weight:600;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);letter-spacing:-.01em;margin:14px 6px 4px}
.card .feel{font-family:var(--font);font-style:normal;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}

/* 8. Decor oprit */
.routes-deco,.hero-compass,.mapband-deco,.side-giddo img,.page-giddo-deco,.route-hero-placeholder img,.shop-empty img{display:none}
.acct-mission::after,.auth-wrap::before,.auth-card::after,.route-hero::after,.passport-cover::after,.passport::after,.foot::before,.foot::after,#build::after,.mapband::after,.routes-sec::after,.empty-note::before{content:none;display:none}
.art-cover,.sr-img,.rg-pop-img,.jrow .ji,.route-hero-placeholder{background-image:none}
.art-cover,.sr-img,.rg-pop-img,.route-hero-placeholder{background-color:var(--cream)}
.empty-note{text-align:center}
body .expl-hero::after{content:none;display:none}

/* 9. Un singur accent: portocaliul RG (în locul auriului) */
.acct-mission .kicker,.gl-kicker,.passport-cover .pc-label{color:var(--orange-light)}
.acct-progress i{background:var(--orange)}
.gl-bar i{background:linear-gradient(90deg,var(--orange) 0%,var(--orange-light) 100%)}
.gb-item.is-earned,.lb-row.lb-rank-1{border-color:var(--orange-light)}
.rg-pin.visited{background:linear-gradient(135deg,var(--orange-light),var(--orange))}
body .expl-hero-inner .kicker{color:var(--orange-light)}
body .expl-hero-inner .crumbs a:hover{color:var(--orange-light)}
body .stay-card .stay-stars{color:var(--orange)}
.rg-stay{--rgs-gold:var(--orange);--rgs-gold-dark:var(--orange-dark);--rgs-gold-soft:var(--orange-tint);--rgs-gold-light:var(--orange-light);--rgs-serif:var(--font);--rgs-sans:var(--font);--rgs-ink:var(--ink);--rgs-soft:var(--ink-soft)}
.rg-stay .rgs-book{color:#fff}
.rg-stay .rgs-book:hover{color:#fff}

/* 10. Footer */
body .foot{background:#fdfcfa;border-top:1px solid var(--line);padding-top:clamp(2.75rem,2rem + 3vw,4.5rem);padding-bottom:0}
body .foot-title,body .foot-col h5{font-family:var(--font);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
body .foot-col a{color:var(--ink-soft)}
body .foot-col a:hover{color:var(--orange)}
body .foot-brand .tagline{font-family:var(--font);font-style:normal;color:var(--ink-soft)}
body .foot-operator .fl-co-name{font-family:var(--font)}
body .foot-bottom{background:#f6f2ec;border-top:1px solid #ebe2d6;box-shadow:0 0 0 100vmax #f6f2ec;clip-path:inset(0 -100vmax);margin-top:clamp(2rem,1.5rem + 2vw,3rem);padding-top:18px;padding-bottom:22px;color:var(--ink-faint)}
body .foot-bottom .bb-copy{font-family:var(--font);font-style:normal}
body .foot-bottom a:hover{color:var(--orange)}