/* WatchExclusive – Showroom (CMS 18): svetlé sekcie namiesto tmavých (20. 10. 2026).
   Nadväzuje na blok „WatchExclusive – Showroom“ v Theme options (custom_s_1.css) a prebíja ho
   (načíta sa neskôr cez _partials/we-assets.tpl, len na cms-id-18). HTML v 15 jazykoch sa nemení.
   Hero: text na slonovinovej + fotka vedľa (mobil: fotka hore). Kroky: slonovinový panel s medeným okrajom.
   CTA: biela karta s rámom #dedad4. Žiadne tmavé plochy. */

/* ---------- HERO ---------- */
.we-sr .sr-hero{display:grid;grid-template-columns:1fr;background:var(--ivory);color:var(--ink);padding:0;margin:0 0 48px;overflow:hidden;border-top:2px solid var(--tan)}
.we-sr .sr-hero-bg{position:relative;inset:auto;transform:none;aspect-ratio:16/10;background-position:center 45%;order:-1}
.we-sr .sr-hero-bg::after{display:none}
.we-sr .sr-hero-in{max-width:none;margin:0;padding:30px 18px 32px}
.we-sr .sr-hero .sr-eyebrow,.we-sr .sr-hero h2,.we-sr .sr-hero .sr-hero-p{text-shadow:none}
.we-sr .sr-hero .sr-eyebrow{color:var(--tanD)}
.we-sr .sr-hero h2{color:var(--ink);font-size:32px;line-height:1.12;max-width:20ch}
.we-sr .sr-hero .sr-hero-p{color:var(--mut);font-size:16.5px}
.we-sr .sr-facts{border-top:1px solid var(--line)}
.we-sr .sr-fact-k{color:var(--tanD)}
.we-sr .sr-fact-v{color:var(--ink)}

/* obrysové tlačidlo na svetlom (predtým biele na tmavom) */
.we-sr .sr-btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.we-sr .sr-btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.we-sr .sr-btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.we-sr .sr-btn-tan{border:2px solid var(--tan)}

/* hero má aj triedu .sr-dark – jej padding sa sem nesmie dostať */
.we-sr .sr-hero.sr-hero{padding:0}

/* ---------- KROKY (pôvodne .sr-dark) ---------- */
.we-sr .sr-dark{background:var(--ivory);color:var(--text,#33363b);border-top:2px solid var(--tan)}
.we-sr .sr-dark .sr-eyebrow{color:var(--tanD)}
.we-sr .sr-dark .sr-h2{color:var(--ink)}
.we-sr .sr-dark .sr-lead{color:var(--mut)}
.we-sr .sr-step{border-top:1px solid var(--line)}
.we-sr .sr-step-k{color:var(--tanD)}
.we-sr .sr-step h3{color:var(--ink)}
.we-sr .sr-step p{color:var(--mut)}

/* ---------- ZÁVEREČNÉ CTA ---------- */
.we-sr .sr-cta{background:#fff;color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--tan);padding:44px 18px}
.we-sr .sr-cta-bg{display:none}
.we-sr .sr-cta h2{color:var(--ink)}
.we-sr .sr-cta p{color:var(--mut)}
.we-sr .sr-cta .sr-note{font-size:14px;margin-top:20px}

/* mobil: tlačidlá pod sebou na plnú šírku */
@media (max-width:599px){
  .we-sr .sr-btns{flex-direction:column}
  .we-sr .sr-btn{width:100%}
}

@media (min-width:600px){
  .we-sr .sr-hero{padding:0}
  .we-sr .sr-hero-in{padding:40px 32px}
  .we-sr .sr-hero h2{font-size:38px}
  .we-sr .sr-cta{padding:56px 32px}
}

@media (min-width:900px){
  .we-sr .sr-hero{grid-template-columns:1.05fr 1fr;align-items:stretch;padding:0;margin-bottom:60px}
  .we-sr .sr-hero-bg{order:2;aspect-ratio:auto;min-height:100%}
  .we-sr .sr-hero-in{padding:56px 52px 48px;align-self:center}
  .we-sr .sr-hero h2{font-size:44px;letter-spacing:-.8px}
  .we-sr .sr-hero .sr-hero-p{font-size:17px}
  .we-sr .sr-facts{grid-template-columns:repeat(2,1fr);gap:22px 30px}
  .we-sr .sr-dark{padding:52px 56px}
  .we-sr .sr-cta{padding:64px 56px}
  .we-sr .sr-cta h2{font-size:36px}
}

@media (min-width:1200px){
  .we-sr .sr-hero h2{font-size:50px}
  .we-sr .sr-hero-in{padding:72px 64px 60px}
}

/* odkazy: na svetlom vždy ink + medené podčiarknutie (prebíja .sr-dark pravidlá z Theme options) */
.we-sr.we-sr .sr-dark .sr-a:link,.we-sr.we-sr .sr-dark .sr-a:visited{color:var(--ink);text-decoration-color:var(--tan)}
.we-sr.we-sr .sr-dark .sr-a:hover,.we-sr.we-sr .sr-dark .sr-a:focus{color:var(--tanD)}
.we-sr.we-sr .sr-btn-ghost:link,.we-sr.we-sr .sr-btn-ghost:visited{color:var(--ink)}
.we-sr.we-sr .sr-btn-ghost:hover,.we-sr.we-sr .sr-btn-ghost:focus{color:#fff}