/* BAAZA - Kurzy karty - vizuál prevzatý 1:1 z homepage (.baaza .course...) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito:wght@400;500;600;700;800&display=swap');

.bkk{
	--coral:#ff914d; --orange:#e6931c; --gold:#ffbd59;
	--plum:#442854; --lav:#f9f3fd; --cream:#f1ead8;
	--plum-soft:#6b5573; --shadow:rgba(68,40,84,.10); --shadow-lg:rgba(68,40,84,.18);
	font-family:'Nunito',system-ui,sans-serif;
}
.bkk *,.bkk *::before,.bkk *::after{box-sizing:border-box}
.bkk .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.bkk .icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.bkk .icon .fill{fill:currentColor;stroke:none}

.bkk .btn{display:inline-flex;align-items:center;gap:9px;background:var(--plum);color:#fff;padding:13px 26px;border-radius:40px;font-weight:800;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 18px var(--shadow);cursor:pointer}
.bkk .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--shadow-lg)}
.bkk .btn-warm{background:linear-gradient(135deg,var(--gold),var(--coral));color:var(--plum)}
.bkk .btn-ghost{background:transparent;color:var(--plum);border:2px solid var(--plum)}
.bkk .btn-ghost:hover{background:var(--plum);color:#fff}
.bkk .btn .icon{width:1.05em;height:1.05em}
.bkk .btn-disabled{display:inline-flex;align-items:center;gap:9px;background:#e2d9e6;color:var(--plum-soft);padding:13px 26px;border-radius:40px;font-weight:800;font-size:.95rem;cursor:not-allowed;align-self:flex-start}
/* Výrazný variant — zadanie Zuzky 25.08.2026, bod 5: tlačidlo „Pozrieť
   celoročný kurz“ v žltom boxe na /dielnicky/ malo viac vyniknúť. Zámerne
   to NIE JE nová farba, len o stupeň väčší a odsadenejší ten istý
   `btn-warm` (gradient značky) — box tak neprestane patriť k zvyšku webu.
   Biely prstenec je tam preto, že box má svetložlté pozadie (#fff9c4) a bez
   neho gradient tlačidla splýval s podkladom. Text ostáva slivkový, nie
   biely: na zlatom gradiente je to jediná kombinácia s čitateľným
   kontrastom. */
.bkk .btn-vyrazny{padding:17px 36px;font-size:1.08rem;border:2px solid #fff;box-shadow:0 10px 26px rgba(230,147,28,.45)}
.bkk .btn-vyrazny:hover{box-shadow:0 16px 34px rgba(230,147,28,.55)}
.bkk .btn-vyrazny span{transition:transform .2s}
.bkk .btn-vyrazny:hover span{transform:translateX(4px)}
/* Pri 390 px sa nápis so strelkou do boxu na jeden riadok nezmestil
   a strelka ostávala vedľa dvojriadkového textu — na mobile teda o stupeň
   menšie písmo a odsadenie, nie iný text. */
@media (max-width:480px){.bkk .btn-vyrazny{padding:15px 22px;font-size:.98rem}}
/* Box s akciou nemal `.bkk` predka, takže mu neplatili ANI `.btn` štýly
   a z tlačidla bol holý odkaz. Trieda `bkk` je doplnená v obsahu stránky
   2340; tu ostáva len to, čo sa vzťahuje priamo na box. */
.bkk-dielnicky-akcia .btn{margin-top:4px}

.bkk .course-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:24px}
.bkk .bkk-karty-prazdne{text-align:center;color:var(--plum-soft);font-size:1.05rem;padding:32px 0}

/* Postupnosť programov na /kurzy/ - obrázky boli ORIEZANE, keďže
   post_content odkazoval na WordPress automaticky-orezaný variant
   "-400x250" (nie štvorcový, cca 1080x1080 originál orezaný na
   1.6:1) namiesto štvorcového variantu - opravené priamo v
   post_content (13.07.2026). object-fit:contain navyše ako poistka,
   aby sa žiadny budúci nesúmerný obrázok v tejto sekvencii nikdy
   neorezal, len zmenšil. */
.baaza-kurzy .tk-postup .tk-pimg img{object-fit:contain !important}
/* Tábory a Workshopy majú v riadku "Dátum" dlhší text (rozsah dvoch
   dátumov, napr. "13. – 17. júla 2026") ako Kurzy ("Štart 06. 10.
   2026") - o niečo širšia karta, aby sa zmestil na jeden riadok.
   Kurzy (.bkk--kurz / predvolená .bkk) ostávajú nezmenené. */
.bkk--tabor .course-grid,.bkk--workshop .course-grid{grid-template-columns:repeat(auto-fit,minmax(335px,1fr))}
.bkk .course{background:#fffdf9;border:1px solid rgba(68,40,84,.08);border-radius:24px;overflow:hidden;box-shadow:0 14px 38px var(--shadow);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.bkk .course:hover{transform:translateY(-5px);box-shadow:0 24px 54px var(--shadow-lg)}
.bkk .course-top{background:linear-gradient(135deg,var(--plum),#5b3870);color:#fff;padding:24px 28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px}
.bkk .course-top h3{flex:1 1 auto;min-width:0;color:#fff;font-size:1.5rem;margin:0;font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.2;overflow-wrap:normal;word-break:normal}
.bkk .course-top .agebadge{flex:none;background:linear-gradient(135deg,var(--gold),var(--coral));color:var(--plum);font-weight:800;font-size:.8rem;padding:6px 14px;border-radius:30px}

/* Dostupnosť miest - upozornenie priamo pod fialovou hlavičkou karty */
.bkk .spots-badge{text-align:center;padding:9px 10px;font-weight:800;font-size:.85rem;letter-spacing:.02em}
.bkk .spots-badge.spots-low{background:var(--gold);color:var(--plum)}
.bkk .spots-badge.spots-full{background:#e2d9e6;color:var(--plum-soft)}
.bkk .spots-badge.spots-normal{background:var(--lav);color:var(--plum)}
/* Archív: uplynutý alebo prebiehajúci termín (zadanie 2026-08-14-1729, časť 8) */
.bkk .spots-badge.spots-done{background:#ded8e4;color:var(--plum-soft)}
.bkk .course.bkk-course-archiv{opacity:.72;box-shadow:0 8px 22px rgba(68,40,84,.06)}
.bkk .course.bkk-course-archiv:hover{opacity:1}
.bkk .bkk-btn-archiv{align-self:flex-start}
.bkk .course-grid .bkk-filter-prazdne{grid-column:1/-1}

.bkk .course-body{padding:26px 28px;display:flex;flex-direction:column}
/* Téma dielničky nad prihlasovacím formulárom na detaile workshopu
   (bod 7 zadania 25.08.2026). Zdieľa vnútorné pravidlá `.bkk-popis-temy`
   s kartičkou, ale má vlastnú obálku: pri formulári je to samostatný blok
   na plnú šírku obsahu, nie vsuvka v karte, preto väčšie písmo a odsadenie. */
.bkk-workshop-tema{max-width:44em;margin:0 auto 28px;font-family:'Nunito',system-ui,sans-serif}
.bkk-workshop-tema h2{font-family:'Fraunces',Georgia,serif;font-weight:600;color:var(--plum);font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 14px;text-align:center}
.bkk-workshop-tema .bkk-popis-temy{background:var(--lav);border-radius:16px;padding:22px 24px;color:var(--plum-soft);font-size:1.02rem;line-height:1.65}
.bkk-workshop-tema .bkk-popis-temy p{margin:0 0 12px}
.bkk-workshop-tema .bkk-popis-temy p:last-child{margin-bottom:0}
.bkk-workshop-tema .bkk-popis-temy ul{margin:0;padding-left:1.15em}
.bkk-workshop-tema .bkk-popis-temy li{margin-bottom:10px}
.bkk-workshop-tema .bkk-popis-temy li:last-child{margin-bottom:0}
.bkk-workshop-tema .bkk-popis-temy strong{color:var(--plum)}
.bkk .course .bkk-popis-temy{background:var(--lav);border-radius:14px;padding:16px 18px;margin-bottom:20px;color:var(--plum-soft);font-size:.95rem;line-height:1.55}
.bkk .course .bkk-popis-temy p{margin:0 0 10px}
.bkk .course .bkk-popis-temy p:last-child{margin-bottom:0}
.bkk .course .bkk-popis-temy ul{margin:0;padding-left:1.15em}
.bkk .course .bkk-popis-temy li{margin-bottom:8px}
.bkk .course .bkk-popis-temy li:last-child{margin-bottom:0}
.bkk .course .bkk-popis-temy strong{color:var(--plum)}
.bkk .course .loc{font-weight:800;color:var(--plum-soft);margin-bottom:18px;display:flex;align-items:center;gap:8px}
.bkk .course .loc .ic{flex:none;width:36px;height:36px;border-radius:11px;background:var(--lav);display:grid;place-items:center;color:var(--plum)}
.bkk .course .loc .ic .icon{width:19px;height:19px;color:var(--plum)}
.bkk .course .rows{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px}
.bkk .course .rows li{display:flex;align-items:center;gap:11px;font-weight:600;color:var(--plum)}
.bkk .course .rows li .two-line{white-space:normal;line-height:1.35}
.bkk .course .rows .ic{flex:none;width:36px;height:36px;border-radius:11px;background:var(--lav);display:grid;place-items:center;color:var(--plum)}
.bkk .course .rows .ic .icon{width:19px;height:19px}
.bkk .course .price{font-family:'Fraunces',serif;font-size:1.7rem;color:var(--plum);margin-bottom:20px}
.bkk .course .price small{font-size:.8rem;color:var(--plum-soft);font-weight:600;font-family:'Nunito',sans-serif}
.bkk .course .btn{align-self:flex-start}

.bkk .courses-all{text-align:center;margin-top:36px}

/* Široká obrazovka (4 karty v rade) - o niečo užší vnútorný okraj karty,
   aby mal dátum (aj v najdlhšom tvare, napr. "31. 12. 2026") vždy dosť
   miesta na jeden riadok vedľa ikonky kalendára */
@media (min-width:1101px){
	.bkk .course-body{padding-left:22px;padding-right:22px}
}

/* Tablet: 4 karty vedľa seba by boli príliš úzke - 2 v rade */
@media (max-width:1100px){
	.bkk .course-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}
	.bkk--tabor .course-grid,.bkk--workshop .course-grid{grid-template-columns:repeat(2,minmax(360px,1fr))}
}
/* Mobil: 1 karta v rade */
@media (max-width:640px){
	.bkk .course-grid{grid-template-columns:1fr}
	.bkk .course{border-radius:28px 28px 10px 28px}

	/* MOBILNÁ RESPONZIVITA (04.08.2026): karty kurzov/táborov/workshopov aj
	   článkov ("Zo života") vypĺňali na telefóne len ~68 % šírky - po každej
	   strane ~76px prázdneho miesta (Divi ~48px + .wrap 28px padding). Na
	   úzkych obrazovkách roztiahneme LEN kontajnery kariet cez celú šírku
	   telefónu (100vw, vycentrovane) s malým bočným okrajom 14px. Týka sa
	   výhradne mriežky kariet - intro texty stránok (mimo .bkk--*) ostávajú
	   nedotknuté. */
	.bkk--kurz, .bkk--tabor, .bkk--workshop, .bkk--zo-zivota{
		width:100vw;max-width:100vw;margin-left:50%;transform:translateX(-50%);box-sizing:border-box;
	}
	.bkk--kurz .wrap, .bkk--tabor .wrap, .bkk--workshop .wrap, .bkk--zo-zivota .wrap{
		padding-left:14px;padding-right:14px;
	}

	/* DOPLNENIE (04.08.2026): na /kurzy/ mala Divi SEKCIA s kartami
	   asymetrický bočný padding (vľavo výrazne viac než vpravo), čím bol
	   vnútorný riadok - a teda aj full-bleed karty - posunutý ~1cm doprava
	   (na /zo-zivota/ je sekcia symetrická, preto tam problém nebol).
	   Vyrovnáme bočný padding LEN sekcie, ktorá obsahuje karty (cez :has),
	   aby sa karty vycentrovali rovnako presne ako na "Zo života". */
	.et_pb_section:has(.bkk--kurz),
	.et_pb_section:has(.bkk--tabor),
	.et_pb_section:has(.bkk--workshop),
	.et_pb_section:has(.bkk--zo-zivota){
		padding-left:0 !important;
		padding-right:0 !important;
	}
}

/* Nadpis "Naše kurzy" na /kurzy/ - rovnaký štýl ako ostatné nadpisy webu */
.bkk-page-title h1{
	font-family:'Fraunces',Georgia,serif !important;
	color:#442854 !important;
	font-weight:500 !important;
}

/* Stránka "Podporte nás" (13.07.2026): nadpis nebol zarovnaný so
   začiatkom odstavca pod ním - nadpis zaberal celú šírku kontajnera
   (1080px), zatiaľ čo text pod ním je v užšom bloku .bkk-podpora
   (max-width:720px, vycentrovaný) - preto boli ich ľavé okraje na
   inej pozícii. Zarovnané na rovnakú šírku/pozíciu. */
.page-id-2388 .bkk-page-title{max-width:720px;margin:0 auto}

/* Druhý formulár (dotazník) - dostupný len cez jedinečný odkaz */
.bkk-dotaznik{max-width:700px;margin:0 auto;padding:20px 0 60px}
.bkk-dotaznik h1{font-family:'Fraunces',Georgia,serif;color:var(--plum);font-weight:500;font-size:1.9rem;margin:0 0 14px}
.bkk-dotaznik > p{margin:0 0 22px;color:var(--plum-soft);line-height:1.6}
.bkk-dotaznik-dakujeme{font-size:1.15rem;font-weight:600;color:var(--plum);text-align:center;padding:40px 20px}

.bkk-dotaznik-info{width:100%;background:var(--lav);border-radius:16px;padding:6px 24px;margin-bottom:28px;border:1px solid rgba(68,40,84,.08)}
.bkk-dotaznik-info tr td{padding:10px 8px;font-size:.95rem}
.bkk-dotaznik-info tr td:first-child{color:var(--plum-soft);white-space:nowrap;padding-right:18px}
.bkk-dotaznik-info tr td:last-child{font-weight:700;color:var(--plum)}
.bkk-dotaznik-info tr:not(:last-child) td{border-bottom:1px solid rgba(68,40,84,.08)}

.bkk-dotaznik-chyby{background:#fdeceb;border:1px solid #e8a49c;border-radius:12px;padding:14px 18px;margin-bottom:20px}
.bkk-dotaznik-chyby p{margin:0;color:#a13327;font-weight:600;font-size:.92rem}
.bkk-dotaznik-chyby p+p{margin-top:6px}

.bkk-dotaznik-form .field{margin-bottom:20px}
.bkk-dotaznik-form label{display:block;font-weight:700;color:var(--plum);margin-bottom:6px;font-size:.92rem}
.bkk-dotaznik-adresa-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:14px;margin-top:-8px;margin-bottom:20px}
.bkk-dotaznik-mena-grid{grid-template-columns:1fr 1fr;margin-top:0}
.bkk-dotaznik-adresa-grid .field{margin-bottom:0}
.bkk-dotaznik-sublabel{font-size:.78rem !important;color:var(--plum-soft) !important;text-transform:uppercase;letter-spacing:.02em;font-weight:700 !important}
@media (max-width:640px){.bkk-dotaznik-adresa-grid{grid-template-columns:1fr}}
.bkk-dotaznik-form input.input[type=text],
.bkk-dotaznik-form input.input[type=email],
.bkk-dotaznik-form textarea.input{
	width:100%;border-radius:12px;border:1px solid rgba(68,40,84,.18);
	background:#fdfbfe;padding:12px 14px;font-family:inherit;font-size:.95rem;color:#3a2b42;
}
.bkk-dotaznik-form input.input[type=text]:focus,
.bkk-dotaznik-form input.input[type=email]:focus,
.bkk-dotaznik-form textarea.input:focus{outline:none;border-color:var(--plum)}
.bkk-dotaznik-form input.input:disabled{background:var(--lav);color:var(--plum-soft);cursor:not-allowed}
.bkk-dotaznik-form textarea.input{resize:vertical}

/* Nadpisy jednotlivých blokov Dotazníka 2 (Dieťa / Zástupca 1 / Zástupca 2) */
.bkk-dotaznik-sekcia-nadpis{font-family:'Fraunces',Georgia,serif;color:var(--plum);font-weight:500;font-size:1.25rem;margin:32px 0 14px;padding-top:20px;border-top:1px solid rgba(68,40,84,.1)}
.bkk-dotaznik-sekcia-nadpis:first-of-type{margin-top:0;padding-top:0;border-top:none}
.bkk-dotaznik-nepovinne{font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:600;color:var(--plum-soft);text-transform:none;letter-spacing:0;margin-left:6px}

.bkk-dotaznik-fieldset{border:none;padding:0;margin:0 0 24px}
.bkk-dotaznik-fieldset legend{font-weight:700;color:var(--plum);margin-bottom:10px;font-size:.92rem;padding:0}
.bkk-dotaznik-option{display:flex !important;align-items:center;gap:8px;font-weight:400 !important;color:#3a2b42;margin-bottom:8px;cursor:pointer}
.bkk-dotaznik-option input[type=checkbox],.bkk-dotaznik-option input[type=radio]{flex:none;width:18px;height:18px;margin:0}
.bkk-dotaznik-option-ine{flex-wrap:wrap}
.bkk-dotaznik-ine-text{flex:1;min-width:140px;border-radius:8px;border:1px solid rgba(68,40,84,.18);padding:6px 10px;font-family:inherit;font-size:.9rem}

/* Dlhší text so súhlasom (obsahuje odkaz v strede vety) - display:flex tu
   robilo z odkazu samostatnú "flex položku", takže sa zalamoval mimo
   prirodzeného toku vety namiesto plynulého zalomenia textu. Namiesto
   flexu preto checkbox len absolútne umiestnený vľavo, text (vrátane
   odkazu) tečie normálne ako bežný odsek. */
.bkk-dotaznik-option-wrap{display:block !important;position:relative;padding-left:28px}
.bkk-dotaznik-option-wrap input[type=checkbox]{position:absolute;left:0;top:3px;margin:0}
.bkk-dotaznik-suhlas .bkk-dotaznik-option{align-items:flex-start;font-weight:400 !important}
.bkk-dotaznik-suhlas a{color:var(--orange)}
.povinne{color:var(--coral)}

.bkk-dotaznik-submit{
	display:inline-flex;align-items:center;gap:9px;
	background:linear-gradient(135deg,var(--gold),var(--coral));color:var(--plum);
	border:none;padding:14px 32px;border-radius:40px;font-weight:800;font-size:1rem;
	cursor:pointer;box-shadow:0 6px 18px var(--shadow);font-family:inherit;
}
.bkk-dotaznik-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--shadow-lg)}

/* Stránka "Podporte nás" */
.bkk-podpora{max-width:720px;margin:0 auto;padding:20px 0 60px;font-family:'Nunito',system-ui,sans-serif}
.bkk-podpora p{line-height:1.7;color:#3a2b42}
.bkk-podpora h2{font-family:'Fraunces',Georgia,serif;color:var(--plum);font-weight:500;font-size:1.6rem;margin:36px 0 14px}

.bkk-podpora-info{
	background:var(--lav);border-radius:16px;padding:6px 24px;margin:0 0 28px;
	border:1px solid rgba(68,40,84,.08);
}
.bkk-podpora-info dt{font-weight:700;color:var(--plum-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;margin-top:16px}
.bkk-podpora-info dd{margin:2px 0 16px;font-weight:700;color:var(--plum);font-size:1.05rem}

.bkk-podpora-qr-wrap{text-align:center;margin:0 0 28px}
.bkk-podpora-qr-img{
	border-radius:16px;border:1px solid rgba(68,40,84,.12);box-shadow:0 14px 38px var(--shadow);
	padding:14px;background:#fff;
}
.bkk-podpora-qr-caption{font-size:.9rem;color:var(--plum-soft);margin-top:12px}
.bkk-podpora-buduce{font-size:.88rem;color:var(--plum-soft);margin-top:40px;padding-top:20px;border-top:1px solid rgba(68,40,84,.1)}
.bkk-podpora-buduce a{color:var(--orange)}

/* Zvýraznenie položky "Podporte nás" v hlavnom menu - rovnaký oranžový
   ovál/badge štýl, aký sa už používa inde na webe (napr. .agebadge na
   kartách kurzov, gradient gold->coral). POZOR: tu sa musia použiť
   priame hex hodnoty (nie var(--gold)/var(--coral)/var(--plum)) - tie
   premenné sú definované LEN v rámci ".bkk" (pozri hore), zatiaľ čo
   hlavné menu je v hlavičke stránky mimo akéhokoľvek ".bkk" obalu, takže
   by tam premenné boli nedefinované a celé pravidlo by potichu zlyhalo. */
#top-menu .menu-podporte-nas > a,
#mobile_menu .menu-podporte-nas > a{
	background:linear-gradient(135deg,#ffbd59,#ff914d) !important;
	color:#442854 !important;
	font-weight:800 !important;
	padding:8px 20px !important;
	border-radius:30px !important;
	margin-left:8px;
}
#top-menu .menu-podporte-nas > a:hover,
#mobile_menu .menu-podporte-nas > a:hover{opacity:.88}

/* Oprava headeru podľa vizuálnej kontroly (13.07.2026): logo bolo
   príliš veľké. SKUTOČNÁ príčina: Divi Theme Option "divi_logo" mal
   natvrdo absolútnu URL https://baaza.sk/... - Divi JS mechanizmus
   (data-height-percentage, číta skutočné rozmery obrázka cez JS pri
   načítaní), síce súbor STIAHNE aj takto, ale výpočet percentuálnej
   výšky sa na tomto lokálnom prostredí nesprával spoľahlivo. OPRAVENÉ
   PRIAMO NA ZDROJI (nie CSS náplasťou) - "divi_logo" option prepnutý
   na LOKÁLNU URL (rovnaký súbor existuje aj lokálne) - vďaka tomu
   funguje aj vstavaný Divi efekt "logo/header sa zmenší pri
   scrollovaní" (percentuálna výška #logo voči zmenšenému #main-header
   pri triede .et-fixed-header), presne ako na produkcii - ŽIADNA
   CSS náplasť s pevným px rozmerom už nie je potrebná ani žiaduca
   (blokovala by tento scroll efekt). Menu položky (FB/IG) používajú
   Divi ikonkový font (.et-pb-icon, PUA znaky v texte položky) -
   predvolená veľkosť 96px je určená pre veľké ikonové moduly, nie pre
   malé ikonky v menu, preto zmenšené na veľkosť textu menu. */
#top-menu li.menu-item-829 .et-pb-icon,
#top-menu li.menu-item-830 .et-pb-icon,
#mobile_menu li.menu-item-829 .et-pb-icon,
#mobile_menu li.menu-item-830 .et-pb-icon{
	font-size:17px !important;
	line-height:1 !important;
	vertical-align:middle;
}
#top-menu li.menu-item-829 > a,
#top-menu li.menu-item-830 > a{padding-left:6px !important;padding-right:6px !important}
#et-top-navigation,#top-menu{flex-wrap:nowrap !important}

/* Nadpis stránky „Články" — vypisuje ho bkk_clanky_nadpis(), lebo stránka
   je blogový index a jej vlastný Divi obsah sa nevykresľuje. Veľkosť je
   rovnaká ako mala v obsahu stránky (70 px, na mobile 36 px). */
.bkk-clanky-nadpis {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 70px;
	line-height: 1.12;
	color: #442854;
	text-align: center;
	margin: 0 0 32px;
	padding: 0;
}
@media (max-width: 980px) {
	.bkk-clanky-nadpis { font-size: 36px; margin-bottom: 24px; }
}

/* ── Časť 9.2 (zadanie 2026-08-14-1729): sekcia „Typy kurzov" na /kurzy/ ──────
   Celý blok `.baaza-kurzy` sedí v Divi riadku, ktorý má na mobile šírku 80 %
   (300 px z 390 px) — sekcia „Typy kurzov" bola preto stlačená do úzkeho
   stĺpca s bielymi pruhmi po stranách. Susedná sekcia „Ako kurz prebieha"
   (`.tk-yellow`) sa z riadku už vylamuje rovnakým trikom; tu ten istý trik
   chýbal. Platí LEN na mobile — na počítači je stránka v poriadku a nemení sa.
   ────────────────────────────────────────────────────────────────────────── */
@media(max-width:900px){
	.baaza-kurzy .tk-cream-deep{
		width:100vw;
		position:relative;
		left:50%;
		right:50%;
		margin-left:-50vw;
		margin-right:-50vw;
	}
}