/* ==========================================================================
   Zjednodušenie — jednotné písmo, jeden akcent, ostré rohy, nové prvky
   ========================================================================== */

/* jedno nadpisové písmo (Barlow Condensed) */
.slide__h { font-family: var(--f-cond); font-weight: 600; text-transform: uppercase; letter-spacing: .01em; line-height: .95; font-size: clamp(52px, 8vw, 120px); }
.lupa__t b, .krok5 h3, .otazka summary, .onas2__text h2 { font-family: var(--f-cond); font-weight: 600; letter-spacing: .02em; }
.lupa__t b { font-size: clamp(20px, 1.7vw, 24px); text-transform: uppercase; }
.krok5 h3 { font-size: 24px; text-transform: uppercase; }
.otazka summary { font-size: clamp(22px, 1.9vw, 27px); text-transform: uppercase; }
.onas2__text h2 { text-transform: uppercase; line-height: .98; }

/* jeden akcent — zlatá (zelenú preč) */
.lupa__h span { color: var(--gold-2); }
.les-banner__text .kota { color: var(--gold); }
.les-banner__text .kota::before { background: var(--gold); }

/* ostré rohy všade, kde ešte ostalo zaoblenie */
.sheet { border-radius: 0; margin-inline: 0; }
.formular, .info-karta, .tel-karta, .mapa { border-radius: 6px; }

/* sekcia Čo vyrábame a z čoho */
.sekcia--materialy .les-banner { margin: 0 0 clamp(64px, 7vw, 100px); }
.les-banner__text h2 { margin: 0 0 14px; font-family: var(--f-cond); font-weight: 600; font-size: clamp(38px, 4vw, 60px); line-height: .98; text-transform: uppercase; letter-spacing: .01em; }
.les-banner__text h2 em { font-style: normal; color: var(--gold); }
.les-banner__text p { margin: 0; }
.produkty { list-style: none; margin: 0 0 34px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.produkty li { padding: 8px 14px; border: 1px solid rgba(27, 23, 20, .18); border-radius: 4px; background: rgba(255, 255, 255, .55); font-size: 15px; font-weight: 500; color: var(--ink); }
.materialy__h3 { margin: 0 0 6px; font-family: var(--f-cond); font-weight: 600; font-size: 22px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-2); }
.mat-zoznam li { padding: 10px 0; }
.materialy__tip { margin: 18px 0 0; font-size: 14px; color: var(--ink-3); }

/* konfigurátor — čitateľné polia v makete */
.sekcia--konf .mini { color: var(--ink); }
.sekcia--konf .konf-ukazka .lead { margin-bottom: 32px; }

/* O nás */
.odznak img { width: auto; height: 40px; }
.odznak b { font-size: 24px; }
.onas2__text p { margin-bottom: 14px; }
.onas2__motto { margin: 28px 0 26px; padding: 22px 0 0 26px; border-left: 3px solid var(--gold); font-family: var(--f-cond); font-weight: 600; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; text-transform: uppercase; color: var(--ink); padding-top: 0; }
.onas2__motto cite { display: block; margin-top: 10px; font-family: var(--f-text); font-style: normal; font-weight: 400; font-size: 15px; text-transform: none; line-height: 1.55; color: var(--ink-2); }

/* kontakt — jednotné zlaté tlačidlo, menšia mapa */
.formular__pata .btn { --bg: var(--gold-2); --fg: #fff; border-radius: 4px; }
.formular__pata .btn:hover { --bg: var(--gold); --fg: var(--ink); }
.mapa { aspect-ratio: 16 / 6; }

/* päta */
.pata__grid { grid-template-columns: 1.6fr 1fr 1.2fr; }
.pata__odkazy { display: flex; gap: 22px; }
@media (max-width: 900px) { .pata__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .pata__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   Jedno pozadie — všetky svetlé sekcie rovnaké, tmavý len manifest a päta
   ========================================================================== */
:root { --plocha: #F3EDE3; }
body { background: var(--plocha); }
.lupa, .sekcia--materialy, .sekcia--konf, .sekcia--postup, .sekcia--onas, .sekcia--cream2, .sekcia--kontakt, .sekcia {
  background: var(--plocha) !important; background-image: none !important; color: var(--ink); }
/* jemná deliaca linka namiesto zmeny farby */
.lupa + .sekcia, .sekcia + .sekcia { border-top: 1px solid rgba(27, 23, 20, .1); }
.sekcia { padding-block: clamp(80px, 9vw, 120px); }
.lupa__letokruhy { display: none; }

/* konfigurátor na svetlom pozadí */
.sekcia--konf .kota--pill { color: var(--gold-2); }
.sekcia--konf .konf-ukazka .h2 { color: var(--ink); }
.sekcia--konf .konf-ukazka .h2 em { color: var(--gold-2); }
.sekcia--konf .lead, .sekcia--konf .konf-akcie p, .sekcia--konf .konf-akcie a:not(.btn) { color: var(--ink-2); }
.sekcia--konf .mini { box-shadow: 0 34px 60px -34px rgba(27, 23, 20, .45); border: 1px solid rgba(27, 23, 20, .08); }
.sekcia--konf .mini__pata { background: var(--ink); }
.sekcia--konf .mini__pata .kruh { background: var(--gold-2); color: #fff; }

/* jednotné biele karty a tlačidlá */
.mini, .formular, .info-karta, .mapa { background: #fff; }
.tel-karta .kruh { background: var(--gold-2); }
.postup-cta .btn, .konf-akcie .btn, .manifest__akcie .btn, .formular__pata .btn { --bg: var(--gold-2); --fg: #fff; }

/* ==========================================================================
   DVE FARBY — tmavá a svetlá sa striedajú, šikmé prechody (ako Modul)
   ========================================================================== */
:root { --tma: #16120F; --svetla: #F3EDE3; --sikma: clamp(28px, 4vw, 64px); }
body { background: var(--svetla); }
.sekcia + .sekcia, .lupa + .sekcia { border-top: 0; }

/* tmavé sekcie */
.sekcia.tmava, .manifest { background: var(--tma) !important; background-image: none !important; color: #F3EDE3;
  position: relative; z-index: 1; clip-path: polygon(0 var(--sikma), 100% 0, 100% calc(100% - var(--sikma)), 0 100%);
  margin-block: calc(var(--sikma) * -1); padding-block: calc(clamp(80px, 9vw, 120px) + var(--sikma)); }
.manifest { margin-top: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--sikma)), 0 100%); }
.manifest .fakty__pravitko { display: none; }
.tmava .kota--pill { color: var(--gold); }
.tmava .kota--pill::before { background: var(--gold); }
.tmava h2, .tmava .h2, .tmava h3 { color: #fff; }
.tmava h2 em, .tmava .h2 em { color: var(--gold); }
.tmava .lead, .tmava p { color: rgba(243, 237, 227, .72); }

/* Čo vyrábame na tmavom */
.tmava .vejar__popis { color: rgba(243, 237, 227, .55); }
.tmava .materialy__text h2 { color: #fff; }
.tmava .produkty li { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .16); color: #F3EDE3; }
.tmava .materialy__h3 { color: var(--gold); }
.tmava .mat-zoznam { border-top-color: rgba(255, 255, 255, .14); }
.tmava .mat-zoznam li { border-bottom-color: rgba(255, 255, 255, .14); color: rgba(243, 237, 227, .65); }
.tmava .mat-zoznam b { color: #fff; }
.tmava .materialy__tip { color: rgba(243, 237, 227, .5); }
.tmava .les-banner__plocha { box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9); border: 1px solid rgba(255, 255, 255, .08); }
.tmava .vejar__meno { background: var(--gold-2); }

/* Ako pracujeme na tmavom */
.tmava .kroky5 { border-top-color: rgba(255, 255, 255, .14); }
.tmava .krok5 { border-left-color: rgba(255, 255, 255, .14); }
.tmava .krok5 h3 { color: #fff; }
.tmava .krok5 p { color: rgba(243, 237, 227, .7); }
.tmava .krok5__c, .tmava .krok5__tag { color: var(--gold); }
.tmava .krok5__tag { border-color: rgba(217, 164, 65, .5); }
.tmava .postup-cta { border-top-color: rgba(255, 255, 255, .14); }
@media (max-width: 1000px) { .tmava .krok5 { border-top-color: rgba(255, 255, 255, .14); } }

/* FAQ na tmavom */
.tmava .faq__hlava p { color: rgba(243, 237, 227, .7); }
.tmava .faq__hlava a { color: #fff; }
.tmava .otazky { border-top-color: rgba(255, 255, 255, .14); }
.tmava .otazka { border-bottom-color: rgba(255, 255, 255, .14); }
.tmava .otazka summary { color: #fff; }
.tmava .otazka summary:hover { color: var(--gold); }
.tmava .otazka summary::after { border-color: rgba(255, 255, 255, .25); }
.tmava .otazka__odp, .tmava .otazka__odp p { color: rgba(243, 237, 227, .72); }

/* svetlé sekcie — jedna svetlá farba, biele karty */
.lupa, .sekcia:not(.tmava) { background: var(--svetla) !important; background-image: none !important; }
.pata { background: var(--tma); margin-top: calc(var(--sikma) * -1); clip-path: polygon(0 var(--sikma), 100% 0, 100% 100%, 0 100%); padding-top: calc(clamp(64px, 8vw, 104px) + var(--sikma)); }
.sekcia--kontakt { padding-bottom: calc(clamp(80px, 9vw, 120px) + var(--sikma)); }
.sekcia--postup.tmava .hlava .h2, .sekcia--postup.tmava .kota--pill { color: #fff; }
.sekcia--postup.tmava .kota--pill { color: var(--gold); }
.sekcia--postup.tmava .lead, .sekcia--postup.tmava .postup-cta p { color: rgba(243, 237, 227, .72); }