/* * BAAZA - vizuálne zjednotenie detailu kurzu s brandom (pozri O BAAZE). * Cieli VÝHRADNE na existujúce CSS triedy, ktoré Divi Theme Builder už * sám generuje pre šablónu kurzov - nemení sa žiadny shortcode, pole * formulára ani logika. Len farby/tvary/rozostupy. */ :root{ --bkkd-plum:#442854; --bkkd-plum-soft:#6b5573; --bkkd-coral:#ff914d; --bkkd-orange:#e6931c; --bkkd-gold:#ffbd59; --bkkd-lav:#f9f3fd; --bkkd-pink:#f7d4fc; --bkkd-cream:#f1ead8; --bkkd-yellow:#fff9c4; --bkkd-shadow:rgba(68,40,84,.10); } /* Nadpis kurzu (H1) */ .et_pb_text_0_tb_body h1{ font-family:'Fraunces',Georgia,serif !important; color:var(--bkkd-plum) !important; font-weight:500 !important; } /* * Dátum + Čas pilulky (riadok nad mriežkou) - Divi dáva každému modulu * predvolený margin-bottom:30px, ALE poslednému modulu v riadku (Čas) ho * sám odstráni (":last-child" pravidlo jadra Divi) - výsledkom sú 2 * pilulky posunuté voči sebe navzájom o polovicu tohto rozdielu. Riešenie: * vynulovať margin na oboch, nech sa centrujú v riadku rovnako. */ .et_pb_row_inner_0_tb_body .et_pb_module{ margin:0 !important; } /* * Miesto pilulka (samostatný riadok pod Dátum/Čas) - z rovnakého dôvodu * (Divi ":last-child" pravidlo) stráca svoj predvolený spodný odstup, takže * sedí nalepená priamo na mriežke 6 kartičiek pod ňou. Pridaný explicitný * odstup namiesto spoliehania sa na predvolené správanie. */ .et_pb_row_inner_1_tb_body{ margin-bottom:22px !important; } /* * Individuálny kurz nemá pevný Dátum/Čas/Miesto (dohodujú sa až po * prihlásení) - obe pilulkové riadky (Dátum+Čas, Miesto) sa preň * úplne skrývajú. Trieda "bkk-typ-individualne" na je pridaná * cez bkk_pridaj_typ_kurzu_body_class() v baaza-kurzy-karty.php. */ body.bkk-typ-individualne .et_pb_row_inner_0_tb_body, body.bkk-typ-individualne .et_pb_row_inner_1_tb_body{ display:none !important; } /* * Keďže obe pilulkové riadky vyššie sú pri Individuálnom kurze skryté, * mriežka 6 ikoniek by inak začínala hneď pod nadpisom - výrazne vyššie * než hlavný obrázok vľavo (ten má svoj vlastný odstup zhora). Doplnený * odstup zhora, aby vrch mriežky vizuálne sadol na úroveň vrchu obrázka. */ body.bkk-typ-individualne .et_pb_row_inner_2_tb_body{ margin-top:32px !important; } /* * "Trvanie kurzu" (blurb_2, počet týždňov) pri Individuálnom kurze - * nemá zmysel (nie je viazaný na týždennú schému), pole ostáva prázdne * a zobrazovalo by sa len osamotené slovo "týždňov" bez čísla. * Nahradené pevným textom "Podľa dohody". */ body.bkk-typ-individualne .et_pb_blurb_2_tb_body .et_pb_blurb_description{ font-size:0 !important; } body.bkk-typ-individualne .et_pb_blurb_2_tb_body .et_pb_blurb_description::after{ content:"Podľa dohody"; font-size:21px; font-weight:700; font-family:'Nunito',sans-serif; color:var(--bkkd-plum); } /* * "Max. počet" (blurb_5) pri Individuálnom kurze - reálna hodnota * poľa "Max. počet detí" (1) sa gramaticky nesprávne skloňuje ako * "1 detí" (Divi dynamic content vždy pripája rovnaké "after" slovo * bez ohľadu na číslo) - nahradené pevným textom "1 dieťa" (skryté * pôvodné číslo cez font-size:0, nahradené cez ::after). */ body.bkk-typ-individualne .et_pb_blurb_5_tb_body .et_pb_blurb_description{ font-size:0 !important; } body.bkk-typ-individualne .et_pb_blurb_5_tb_body .et_pb_blurb_description::after{ content:"1 dieťa"; font-size:21px; font-weight:700; font-family:'Nunito',sans-serif; color:var(--bkkd-plum); } /* Hlavný obrázok kurzu */ .et_pb_image_0_tb_body img{ border-radius:24px; box-shadow:0 14px 38px var(--bkkd-shadow); } /* * Dátum a čas - odkedy sa presunuli mimo mriežky "blurb" modulov (samostatné * pilulky v riadku nad touto mriežkou, štýlované priamo v shortcode), táto * mriežka obsahuje LEN 6 informačných kartičiek (vek, lekcie, trvanie, cena, * dĺžka, max. počet) - žiadna z nich (vrátane prvej, blurb_0 = Vek dieťaťa) * už nemá byť špeciálna "pilulka". Predchádzajúce pravidlo pre * `.et_pb_blurb_0_tb_body` tu zámerne ostalo z DOBY, keď Dátum/Čas boli * prvým blurb modulom v tejto mriežke (index 0) - po presune Dátum/Čas mimo * mriežky sa index 0 posunul na "Vek dieťaťa" a fialová pilulka sa * omylom "prilepila" naň. Odstránené úplne - Vek dieťaťa teraz vyzerá * rovnako ako zvyšných 5 kartičiek (spoločné pravidlo nižšie). */ /* * 6 informačných kartičiek (vek, lekcie, trvanie, cena, dĺžka, max. počet). * Predtým sme sem omylom pridali biele orámované "kartičkové" pozadie * okolo celej bunky (a zároveň odstránili pôvodné béžové koliesko okolo * ikonky) - presný opak toho, čo malo byť. Teraz je to vrátené: žiadne * pozadie/rám okolo celej bunky (ikonka + text sú voľne, presne ako na * pôvodnej produkčnej stránke), pôvodné béžové koliesko okolo ikonky sa * NECHÁVA tak, ako ho generuje Divi (nezasahuje sa doň). * * Aktuálne poradie blurb modulov v tejto šablóne (Divi generuje indexy * podľa poradia v shortcode - POZOR pri ďalších úpravách štruktúry, tieto * čísla sa opäť posunú): 0=Vek dieťaťa, 1=Počet lekcií, 2=Trvanie kurzu, * 3=Cena, 4=Dĺžka kurzu, 5=Max. počet. */ .et_pb_blurb_0_tb_body h2, .et_pb_blurb_1_tb_body h2, .et_pb_blurb_2_tb_body h2, .et_pb_blurb_3_tb_body h2, .et_pb_blurb_4_tb_body h2, .et_pb_blurb_5_tb_body h2{ font-size:24px !important; white-space:nowrap; color:var(--bkkd-coral) !important; font-weight:500 !important; font-family:'Nunito',sans-serif !important; } .et_pb_blurb_0_tb_body .et_pb_blurb_description, .et_pb_blurb_1_tb_body .et_pb_blurb_description, .et_pb_blurb_2_tb_body .et_pb_blurb_description, .et_pb_blurb_4_tb_body .et_pb_blurb_description, .et_pb_blurb_5_tb_body .et_pb_blurb_description{ color:var(--bkkd-plum) !important; font-weight:700 !important; font-size:21px !important; } /* Cena (blurb_3) - bez pozadia (rovnako ako ostatných 5 kartičiek), len text zvýraznený */ .et_pb_blurb_3_tb_body .et_pb_blurb_description{ font-family:'Fraunces',serif !important; color:var(--bkkd-plum) !important; font-size:1.5rem !important; } /* Upozornenie na dostupnosť miest (pred formulárom) */ .bkk-availability-notice{ border-radius:16px; padding:14px 20px; margin-bottom:18px; font-weight:700; font-family:'Open Sans',Arial,sans-serif; text-align:center; } .bkk-availability-notice.bkk-notice-low{ background:var(--bkkd-gold); color:var(--bkkd-plum); } .bkk-availability-notice.bkk-notice-full{ background:#e2d9e6; color:var(--bkkd-plum-soft); } /* Prihlasovací formulár - len rám, farby, tlačidlo. Polia a logika nedotknuté. */ .et_pb_contact_form_0_tb_body.et_pb_contact_form_container{ background:var(--bkkd-lav); border-radius:24px; padding:32px !important; border:1px solid rgba(68,40,84,.08) !important; } .et_pb_contact_form_0_tb_body input[type=text], .et_pb_contact_form_0_tb_body input[type=email], .et_pb_contact_form_0_tb_body input[type=tel], .et_pb_contact_form_0_tb_body textarea, .et_pb_contact_form_0_tb_body select{ border-radius:12px !important; border:1px solid rgba(68,40,84,.18) !important; } .et_pb_contact_form_0_tb_body input:focus, .et_pb_contact_form_0_tb_body textarea:focus, .et_pb_contact_form_0_tb_body select:focus{ border-color:var(--bkkd-plum) !important; } .et_pb_contact_form_0_tb_body .et_pb_contact_submit{ background:linear-gradient(135deg,var(--bkkd-gold),var(--bkkd-coral)) !important; color:var(--bkkd-plum) !important; border:none !important; border-radius:40px !important; font-weight:800 !important; padding:13px 30px !important; box-shadow:0 6px 18px var(--bkkd-shadow); } .et_pb_contact_form_0_tb_body .et_pb_contact_submit:disabled, .et_pb_contact_form_0_tb_body input:disabled, .et_pb_contact_form_0_tb_body textarea:disabled, .et_pb_contact_form_0_tb_body select:disabled{ background:#e2d9e6 !important; color:var(--bkkd-plum-soft) !important; cursor:not-allowed !important; box-shadow:none !important; opacity:.8; } /* Oslovenie (Pán/Pani) - obe možnosti vedľa seba, nie pod sebou */ .bkk-extra-field .et_pb_contact_field_options_list{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 32px; } /* Odstup medzi "Súhlasím so spracovaním osobných údajov" a checkboxom newsletra - zmenšený na polovicu (13px, pôvodne 26px) na žiadosť Zuzany 12.07.2026 večer (boli "zbytočne ďaleko od seba"). */ .bkk-newsletter-field{ margin-top:13px !important; } /* Cena celoročného kurzu (Cesta Supermysle) - dvojriadková, na celú šírku pod mriežkou slzičiek. Vypisuje ju bkk_cena_cesta_blok(); do pôvodnej slzičky 1/6 by sa drobný riadok nezmestil. Zadanie 2026-08-14-1729 č. 6. */ .bkk-cena-cesta { margin: 6px 0 18px; padding: 18px 22px; background: #f9f3fd; border: 1px solid #e3d4ec; border-radius: 16px; text-align: center; } .bkk-cena-cesta .bkk-cena-hlavna { font-family: 'Fraunces', Georgia, serif; font-size: 34px; line-height: 1.15; color: #442854; font-weight: 600; } .bkk-cena-cesta .bkk-cena-hlavna span { font-family: 'Nunito', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 700; color: #6b5573; } .bkk-cena-cesta .bkk-cena-detail { margin-top: 6px; font-size: 14.5px; line-height: 1.55; color: #6b5573; } @media (max-width: 980px) { .bkk-cena-cesta { padding: 16px 16px; } .bkk-cena-cesta .bkk-cena-hlavna { font-size: 28px; } .bkk-cena-cesta .bkk-cena-hlavna span { display: block; font-size: 15px; } .bkk-cena-cesta .bkk-cena-detail { font-size: 13.6px; } } /* Veta pod vekom na detaile kurzu/tábora/dielničky (zadanie 2026-08-14-1729, časť 7). */ .bkk-vek-poznamka { margin: 0 0 14px; text-align: center; font-size: 14.5px; line-height: 1.55; color: #6b5573; } /* Archívny termín - banner pred (vypnutým) formulárom. Zadanie 2026-08-14-1729, časť 8. */ .bkk-availability-notice.bkk-notice-archiv{ background:#ded8e4; color:var(--bkkd-plum); text-align:left; } .et_pb_contact_form_container.bkk-form-archiv{ opacity:.6; filter:grayscale(.35); }