/*
 * Konfigurátor — štýly. Preberá farby/písma z témy secansky-core cez
 * CSS premenné (var(--gold, #9C7A34) a pod.), takže funguje aj bez nej,
 * len o niečo jednoduchšie.
 */
.secansky-konfigurator,
.secansky-zostava{
	font-family:var(--font-body, -apple-system, Segoe UI, Arial, sans-serif);
	color:var(--ink, #1A1A1A);
	max-width:1160px;
	margin:0 auto;
}

/* KRITICKÉ: autorský CSS (napr. "display:flex" nižšie na .sk-polozky, .sk-oznacenie-volby a pod.)
   má VŽDY prednosť pred štandardným [hidden]{display:none} prehliadača — bez ohľadu na špecifickosť
   selektora, lebo ide o iný "cascade origin" (autorský vs. predvolený štýl prehliadača). Bez tohto
   pravidla JavaScript síce správne nastaví element.hidden = true, ale prvok zostane vizuálne
   zobrazený (napr. položky nevybranej rady v konfigurátore). Toto pravidlo musí zostať PRVÉ
   a so subjektívne vysokou špecifickosťou, aby vždy vyhralo nad čímkoľvek nižšie v súbore.
*/
[hidden]{ display:none !important; }

.sk-honeypot{ position:absolute!important; left:-9999px!important; width:1px; height:1px; }

.sk-sekcia{ padding:1.8rem 0; border-bottom:1px solid var(--line, #e4e0d4); }
.sk-sekcia:last-of-type{ border-bottom:0; }
.sk-nadpis{
	font-family:var(--font-display, serif); font-size:1.4rem; font-weight:600;
	margin:0 0 1rem;
}
.sk-puzdro .sk-nadpis{ font-size:1.15rem; }
.sk-hint{ font-size:.88rem; color:var(--ink-soft, #555); margin-top:.6rem; }
.sk-label-sirsia{ display:block; margin-top:1rem; font-weight:600; font-size:.9rem; }

/* --- 1. Karty rád --- */
.sk-rada-vyber{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.sk-rada-karta{
	position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:.3rem;
	border:2px solid var(--line, #e4e0d4); border-radius:var(--radius,3px);
	padding:1.4rem; cursor:pointer; background:var(--bg-card,#fafaf6);
	transition:border-color .15s ease, box-shadow .15s ease;
}
.sk-rada-karta input{ position:absolute; opacity:0; width:1px; height:1px; }
.sk-rada-karta:hover{ border-color:var(--gold-soft,#c9a55c); }
.sk-rada-karta.is-selected{
	border-color:var(--gold,#9C7A34);
	box-shadow:0 0 0 1px var(--gold,#9C7A34);
}
.sk-rada-karta.je-odporucane{ border-color:var(--gold-soft,#c9a55c); }
.sk-rada-badge{
	position:absolute; top:1rem; right:1rem;
	background:var(--ink,#1A1A1A); color:var(--bg,#F6F1E3);
	font-family:var(--font-mono,monospace); font-size:.65rem; letter-spacing:.06em; text-transform:uppercase;
	padding:.3em .6em; border-radius:999px;
}
.sk-rada-obrazok{ width:100%; height:110px; object-fit:contain; background:#fff; border-radius:var(--radius,3px); margin-bottom:.4rem; }
.sk-rada-nazov{ font-family:var(--font-display, serif); font-weight:600; font-size:1.1rem; }
.sk-rada-detail{ font-size:.85rem; color:var(--ink-soft,#555); }
.sk-rada-tlacidlo{ margin-top:.8rem; width:100%; justify-content:center; pointer-events:none; }
.sk-rada-karta.is-selected .sk-rada-tlacidlo{ background:var(--ink,#1A1A1A); color:var(--bg,#F6F1E3); border-color:var(--ink,#1A1A1A); }

/* --- 2. Celkový počet (veľký stepper) --- */
.sk-stepper{ display:inline-flex; align-items:center; gap:.9rem; }
.sk-stepper button{
	width:2.2rem; height:2.2rem; border-radius:50%; border:1px solid var(--ink,#1A1A1A);
	background:var(--bg-card,#fafaf6); font-size:1.2rem; line-height:1; cursor:pointer;
}
.sk-stepper button:hover{ background:var(--gold,#9C7A34); color:#fff; border-color:var(--gold,#9C7A34); }
.sk-stepper output{ font-family:var(--font-mono, monospace); min-width:2ch; text-align:center; font-size:1.1rem; }
.sk-stepper-velky output{ font-size:1.8rem; min-width:3ch; }

/* --- 3+4. Zoznam nožov (foto | názov+SKU+popis | cena/ks | -počet+ | servisná zostava) --- */
.sk-polozky{ display:flex; flex-direction:column; gap:.7rem; margin-top:.5rem; }
.sk-polozka{
	display:grid; grid-template-columns:4.5rem 1fr auto auto; align-items:center; gap:1rem;
	padding:.7rem; border:1px solid var(--line,#e4e0d4); border-radius:var(--radius,3px);
	background:var(--bg-card,#fafaf6);
}
.sk-polozka-foto{ width:4.5rem; height:3.4rem; object-fit:contain; background:#fff; border:1px solid var(--line,#eee); border-radius:var(--radius,3px); }
.sk-polozka-foto-prazdna{ display:block; }
.sk-polozka-info{ display:flex; flex-direction:column; gap:.15rem; }
.sk-polozka-nazov{ font-weight:600; font-size:.95rem; }
.sk-polozka-sku{ font-size:.8rem; color:var(--ink-soft,#666); }
.sk-polozka-ceny{ display:flex; flex-direction:column; align-items:flex-end; gap:.15rem; text-align:right; }
.sk-polozka-cena{ white-space:nowrap; }
.sk-cena-standardna{ font-size:.82rem; color:var(--ink-soft,#888); text-decoration:line-through; margin-right:.4rem; }
.sk-cena-programova{ font-weight:700; font-size:1.05rem; color:var(--gold,#9C7A34); }
.sk-polozka-cena-jednotka{ font-weight:400; font-size:.8rem; color:var(--ink-soft,#666); }
.sk-polozka-servisna{ font-size:.82rem; color:var(--ink-soft,#555); white-space:nowrap; }
.sk-polozka-servisna strong{ color:#3d7a4d; } /* tlmená zelená — benefit, nie upozornenie (bod 5) */
.sk-sucet{ font-weight:600; margin-top:1rem; }
.sk-sucet-chyba{ color:#a5493d; }

/* --- 12. Priebežný cenový súhrn --- */
.sk-suhrn-live{ background:var(--bg-card,#fafaf6); border:1px solid var(--line,#e4e0d4); border-radius:var(--radius,3px); padding:1.2rem 1.4rem; }
.sk-suhrn-blok{ padding:.7rem 0; border-bottom:1px solid var(--line,#e4e0d4); }
.sk-suhrn-blok:last-child{ border-bottom:0; }
.sk-suhrn-blok h3{ margin:0 0 .4rem; font-size:.95rem; font-family:var(--font-display,serif); }
.sk-suhrn-riadok{ display:flex; justify-content:space-between; gap:1rem; font-size:.92rem; padding:.15rem 0; }
.sk-suhrn-zlava span:last-child{ color:#3d7a4d; }
.sk-suhrn-dolezity{ font-weight:700; font-size:1.05rem; }
.sk-suhrn-benefit{ background:rgba(61,122,77,.06); border-radius:var(--radius,3px); padding:.7rem .8rem; }
.sk-suhrn-celkom{ margin-top:.4rem; }
.sk-info-servis{ font-size:.9rem; color:var(--ink-soft,#555); margin:1rem 0; }
.sk-suhrn-usetrite span:last-child{ color:#3d7a4d; font-weight:600; }
.sk-suhrn-vyhoda{ background:rgba(156,122,52,.08); }
.sk-suhrn-vysvetlenie{ margin-top:1.2rem; border:1px solid var(--line,#e4e0d4); border-radius:var(--radius,3px); padding:.8rem 1rem; }
.sk-suhrn-vysvetlenie summary{ cursor:pointer; font-weight:600; }
.sk-suhrn-vysvetlenie-text{ margin-top:.8rem; font-size:.9rem; color:var(--ink-soft,#444); }
.sk-suhrn-vysvetlenie-text p{ margin:0 0 .8rem; }
.sk-suhrn-zaver{ margin-top:1rem; }

/* --- 5. Označenie — klikateľné karty --- */
.sk-oznacenie-volby{ display:flex; gap:1.4rem; flex-wrap:wrap; }
.sk-oznacenie-karty{ gap:1rem; }
.sk-volba{ display:flex; align-items:center; gap:.4rem; font-size:.95rem; }
.sk-volba-karta{
	position:relative; flex:1 1 220px; flex-direction:column; align-items:flex-start; gap:.3rem;
	border:2px solid var(--line,#e4e0d4); border-radius:var(--radius,3px); padding:1rem 1.1rem;
	cursor:pointer; background:var(--bg-card,#fafaf6); transition:border-color .15s ease;
}
.sk-volba-karta input{ position:absolute; opacity:0; width:1px; height:1px; }
.sk-volba-karta:hover{ border-color:var(--gold-soft,#c9a55c); }
.sk-volba-karta:has(input:checked){ border-color:var(--gold,#9C7A34); box-shadow:0 0 0 1px var(--gold,#9C7A34); }
.sk-volba-nazov{ font-weight:600; }
.sk-volba-bonus{ font-size:.78rem; text-transform:uppercase; letter-spacing:.03em; color:#3d7a4d; font-weight:600; }
.sk-logo-upload{ margin-top:1rem; }
.sk-logo-upload label{ display:block; font-size:.85rem; margin-bottom:.3rem; }

/* --- 7. Kontaktné údaje: dvojstĺpcový grid --- */
.sk-kontakt-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.4rem; }
.sk-kontakt-grid label{ display:block; font-size:.85rem; font-weight:600; margin-bottom:.3rem; }
.sk-kontakt-grid input{
	width:100%; padding:.65em .8em; border:1px solid var(--line,#ccc); border-radius:var(--radius,3px);
	font-family:var(--font-body); font-size:.95rem;
}
.sk-span2{ grid-column:1 / -1; }
.sk-span2 textarea{ width:100%; padding:.65em .8em; border:1px solid var(--line,#ccc); border-radius:var(--radius,3px); font-family:var(--font-body); }
.sk-gdpr{ display:flex; align-items:flex-start; gap:.5rem; font-size:.85rem; margin:1.2rem 0; }
.sk-gdpr input{ margin-top:.2rem; }

/* --- Odoslanie --- */
.sk-submit{ text-align:center; padding-top:2rem; }
.sk-submit button[disabled]{ opacity:.45; cursor:not-allowed; }

/* --- Súhrnná stránka /moja-zostava/ --- */
.sk-suhrn-tabulka{ width:100%; border-collapse:collapse; margin:1rem 0; }
.sk-suhrn-tabulka th,.sk-suhrn-tabulka td{ padding:.5em .8em; border-bottom:1px solid var(--line,#eee); text-align:left; }
.sk-cesty{ display:flex; gap:1rem; flex-wrap:wrap; margin:1.5rem 0 .5rem; }
.sk-cesty-tri{ align-items:stretch; }
.sk-cesty-tri form{ margin:0; }
.sk-suhrn-hlavicka{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:.5rem; }
.sk-referencne-cislo{ font-family:var(--font-mono,monospace); font-size:.8rem; color:var(--steel,#6E7378); }
.sk-suhrn-mriezka{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.2rem 0; }
.sk-suhrn-label{ display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--steel,#6E7378); margin-bottom:.2rem; }
.sk-cena-blok{ background:var(--bg-card,#fafaf6); border:1px solid var(--line,#e4e0d4); border-radius:var(--radius,3px); padding:1.2rem 1.4rem; margin:1.5rem 0; }
.sk-cena-blok h3{ margin-top:0; font-family:var(--font-display,serif); font-size:1.1rem; }
@media (max-width:700px){ .sk-suhrn-mriezka{ grid-template-columns:1fr; } }
.sk-oznam{ padding:.9rem 1.1rem; border-radius:var(--radius,3px); margin-bottom:1rem; }
.sk-oznam-ok{ background:#eef7ee; border:1px solid #bfe3bf; }
.sk-oznam-chyba{ background:#fbeeee; border:1px solid #e3bfbf; }
.sk-dakovna-stranka{ max-width:760px; margin:0 auto 2rem; }
.sk-dakovna-stranka ol{ padding-left:1.4rem; }
.sk-dakovna-stranka ol li{ margin-bottom:.5rem; }

/* --- Mobil --- */
@media (max-width:860px){
	.sk-stepper button{ width:44px; height:44px; font-size:1.4rem; }
	.sk-rada-vyber{ grid-template-columns:1fr; }
	.sk-kontakt-grid{ grid-template-columns:1fr; }
	.sk-polozka{ grid-template-columns:3.5rem 1fr; grid-template-areas:"foto info" "stepper stepper" "ceny ceny"; row-gap:.5rem; }
	.sk-polozka-foto{ grid-area:foto; }
	.sk-polozka-info{ grid-area:info; }
	.sk-polozka .sk-stepper{ grid-area:stepper; justify-content:flex-end; }
	.sk-polozka-ceny{ grid-area:ceny; align-items:flex-end; }
	.sk-suhrn-live{ margin-top:1.2rem; } /* súhrn je pod produktmi, nie pevný bočný panel (bod 15) */
}

/* =========================================================
   Dokončenie konfigurátora — dve cesty (Objednať / Nechať skontrolovať)
   presne v hierarchii finálneho katalógu: veľké primárne zlaté/čierne
   tlačidlo hore, menšie sekundárne pod ním.
   ========================================================= */
.sk-submit-dve-cesty{ max-width:520px; margin:0 auto; text-align:center; }
.sk-submit-dve-cesty .btn{ width:100%; justify-content:center; }
.sk-submit-dve-cesty .sk-hint{ margin:.5rem 0 1.6rem; }
.sk-submit-dve-cesty .btn-velky{
	font-size:1.05rem; padding:1.05em 1.8em; letter-spacing:.01em;
}
.sk-submit-dve-cesty .btn-maly{
	font-size:.88rem; padding:.65em 1.3em; width:auto; display:inline-flex;
}

/* --- Rozpis platby v pokladni: "Dnes zaplatíte" / "Automaticky mesačne" --- */
.sk-rozpis-platby{
	display:grid; grid-template-columns:1fr 1fr; gap:1.2rem;
	background:var(--bg-card,#fafaf6); border:1px solid var(--line,#e4e0d4);
	border-radius:var(--radius,3px); padding:1.2rem 1.4rem; margin:1.2rem 0;
}
.sk-rozpis-platby h3{
	font-family:var(--font-display,serif); font-size:1rem; margin:0 0 .6rem;
	text-transform:uppercase; letter-spacing:.03em;
}
.sk-rozpis-platby ul{ margin:0; padding:0; list-style:none; }
.sk-rozpis-platby li{
	display:flex; justify-content:space-between; gap:.8rem;
	padding:.35rem 0; border-bottom:1px solid var(--line,#eee); font-size:.92rem;
}
.sk-rozpis-platby li:last-child{ border-bottom:0; }
@media (max-width:700px){ .sk-rozpis-platby{ grid-template-columns:1fr; } }

/* --- Súhlas s opakovanými platbami --- */
.sk-suhlas-opakovane-platby{
	background:var(--bg-card,#fafaf6); border:1px solid var(--gold-soft,#c9a55c);
	border-radius:var(--radius,3px); padding:1rem 1.2rem; margin:1.2rem 0; font-size:.92rem;
}
.sk-suhlas-opakovane-platby label{ display:flex; align-items:flex-start; gap:.6rem; cursor:pointer; }
.sk-suhlas-opakovane-platby input{ margin-top:.2rem; }

/* --- Zamknuté množstvo v košíku (servisná zostava, gravírovanie, puzdrá, predplatné) --- */
.sk-mnozstvo-zamknute{
	display:inline-block; font-family:var(--font-mono,monospace); font-size:.9rem;
	color:var(--ink-soft,#555); padding:.3em .6em; background:var(--bg-card,#f2efe6);
	border-radius:var(--radius,3px);
}

/* --- Potvrdenie odoslaného dopytu na /moja-zostava/ --- */
.secansky-zostava-potvrdenie{ max-width:640px; margin:2rem auto; text-align:center; }