/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.8.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* ---------------------------------------------------------------
   Vlastni CSS webu vladkastein.cz

   Pis sem, ne do Customizeru > Additional CSS - v souboru je to videt
   v editoru i v gitu a prezije to zmenu tematu.
   Po uprave zvys Version v hlavicce vyse, at se lidem obnovi cache.
   --------------------------------------------------------------- */

/* Styly karty course gridu NEJSOU tady, ale v
   learndash/course-grid/cards/grid-2/style.css - LearnDash si ho nacte sam
   misto sveho (Utilities::get_card_style()). */

/* --- Stranka kurzu: zahlavi -------------------------------------
   Sablona: learndash/ld30/modern/course/header.php
   ---------------------------------------------------------------- */

/* align-items:start - pravy sloupec zacina nahore v jedne rovine s obrazkem,
   ne svisle na stred. */
.pz-course-head{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin:0}
@media (min-width:782px){.pz-course-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}}

/* Zvysena specificita (0,2,1): Kadence ma ".single-content figure" (0,1,1)
   s margin-bottom var(--global-md-spacing). Holy .pz-course-head__media (0,1,0)
   by prohral - stejna past jako u karty course gridu. */
.pz-course-head figure.pz-course-head__media{margin:0;padding:0;overflow:hidden;border-radius:12px}
.pz-course-head figure.pz-course-head__media .pz-course-head__img{display:block;width:100%;height:auto;max-width:none;margin:0;border-radius:0}

.pz-course-head__body{display:flex;flex-direction:column;gap:1.3rem;align-items:flex-start}
/* Rozestupy resi gap na sloupci - nadpis nesmi pridavat vlastni margin.
   Selektor s tagem (0,2,1) prebije Kadence pravidlo na nadpisy. */
.pz-course-head__body h1.pz-course-head__title{margin:0;line-height:1.2}
/* Datum pristupu stoji dole jako doplnujici udaj. Barvu i pruhlednost resi
   zakladni pravidlo .pz-cg-access vyse - at je v gridu i na kurzu stejna. */
.pz-course-head__body .pz-cg-access{margin:0}
.pz-course-head__body .ld-progress-bar{width:100%;margin:0}

/* LearnDash meri sirku KONTEJNERU, ne okna: uzsi pravy sloupec dostane tridu
   ld-breakpoint--small a s ni pravidlo ".ld-breakpoint--small .ld-progress-bar__meter
   { max-width:35% }" (0,2,0). Prebijime ho jen uvnitr naseho zahlavi selektorem
   0,3,0 - jinde na webu at si LearnDash svoje chovani nechá. */
.ld-breakpoint--small .pz-course-head__body .ld-progress-bar__meter{max-width:100%}
.pz-course-head__body .pz-ren{width:100%}

/* Zahlavi kurzu: uklidneni praveho sloupce --------------------------
   Radek Naposledy je sum - nic se s tim neda delat a je to treti radek
   navic. Jinde na webu (lekce, tema) zustava. */
.pz-course-head__body .ld-progress-bar__last-activity{display:none}

/* Popisek Program Progress je nadbytecny - procenta i pocet kroku mluvi samy.
   Jinde na webu (lekce, tema) zustava. */
.pz-course-head__body .ld-progress-bar__label{display:none}

/* Tlacitko do kurzu a reset k sobe patri - mala mezera, ne velka. */
.pz-course-head__body .pz-pokracovat{margin-top:.35rem}
.pz-course-head__body .pz-reset{margin-top:.15rem}

/* Reset je vedlejsi akce - tichy odkaz, ne druhe tlacitko vedle hlavniho. */
.pz-course-head__body .pz-reset__open{padding:0;border:0;border-radius:0;text-decoration:underline;font-size:.85em;opacity:.65}
.pz-course-head__body .pz-reset__open:hover,
.pz-course-head__body .pz-reset__open:focus-visible{opacity:1}

/* Kadence dava vsem odstavcum v .single-content margin-bottom 32px (0,1,1).
   Nase tlacitka jsou <p>, takze mezi nimi vznikala mezera 46 px. Selektor
   s tagem (0,2,1) to prebije - rozestupy resi gap na .pz-course-head__body. */
.pz-course-head__body p.pz-pokracovat,
.pz-course-head__body p.pz-reset,
.pz-course-head__body p.pz-reset__done{margin:0}

/* --- Snippety: prevzate CSS ---------------------------------------
   Styly patri sem, ne inline do snippetu. Snippety uz zadny <style> nevypisuji.
   Nazev bloku rika, ktery snippet dane tridy vykresluje - kdyz snippet zmizi,
   vis, ktery blok jde smazat.
   ------------------------------------------------------------------ */

/* Snippet 16 - PZ – Konec členství [pz_membership_end] */
.pz-mend{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.5rem}
.pz-mend__item{flex:1 1 220px;display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.12);border-radius:.5rem;background:rgba(0,0,0,.02)}
.pz-mend__title{font-weight:600}
.pz-mend__date{font-variant-numeric:tabular-nums}
.pz-mend__meta{font-size:.85em;opacity:.7}
.pz-mend__item--warn{border-color:#d97706;background:rgba(217,119,6,.07)}
.pz-mend__item--warn .pz-mend__meta{color:#b45309;opacity:1;font-weight:600}
.pz-mend__item--expired{opacity:.6}
.pz-mend__item--expired .pz-mend__date{text-decoration:line-through}
.pz-mend__renew{align-self:flex-start;margin-top:.35rem;font-size:.9em;font-weight:600;text-decoration:underline}
.pz-mend--radek{display:block;margin:0 0 1rem}
.pz-mend--radek .pz-mend__sep{opacity:.5;margin:0 .4em}
.pz-mend__badge{display:inline-block;font-size:.8em;line-height:1.4;padding:.1em .55em;border-radius:999px;background:rgba(0,0,0,.07);white-space:nowrap;font-variant-numeric:tabular-nums}
.pz-mend__badge--warn{background:rgba(217,119,6,.15);color:#b45309}
.pz-mend__badge--expired{background:rgba(0,0,0,.05);opacity:.7;text-decoration:line-through}
.pz-mend__badge--upcoming{background:rgba(37,99,235,.12);color:#1d4ed8}
table.pz-mend__table{width:100%;border-collapse:collapse;margin:0 0 1.5rem}
table.pz-mend__table th,table.pz-mend__table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}
table.pz-mend__table tr.pz-mend__row--expired td{opacity:.6}
table.pz-mend__table tr.pz-mend__row--warn td:nth-child(2){color:#b45309;font-weight:600}

/* Snippet 17 - PZ – LD course grid: datum konce přístupu */
.pz-cg-access{margin:.15rem 0 .5rem;font-size:.85em;line-height:1.4;font-weight:400;color:#000;opacity:.65;font-variant-numeric:tabular-nums}

/* Snippet 18 - PZ – Nabídka prodloužení před koncem přístupu */
.pz-ren{margin:0 0 1.25rem}
.pz-ren__row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.85rem 1rem;border:1px solid rgba(0,0,0,.14);border-radius:.5rem}
.pz-ren__row+.pz-ren__row{margin-top:.5rem}
.pz-ren .pz-ren__row .pz-ren__text{flex:1 1 16rem;margin:0;font-size:.95em;line-height:1.45}
.pz-ren__name{font-weight:600}
.pz-ren__btn{flex:0 0 auto;display:inline-block;padding:.5rem 1.1rem;border:1px solid currentColor;border-radius:.4rem;text-decoration:none;font-size:.9em;line-height:1.3}

/* Snippet 21 - PZ – Reset postupu v kurzu [pz_reset_postupu] */
.pz-reset{margin:0}
.pz-reset__open{display:inline-block;padding:.45rem .9rem;border:1px solid currentColor;border-radius:.4rem;font-size:.85em;line-height:1.3;text-decoration:none;color:inherit;background:none;cursor:pointer;opacity:.75}
.pz-reset__open:hover,.pz-reset__open:focus-visible{opacity:1}
.pz-reset__dialog{max-width:26rem;width:calc(100% - 2rem);padding:1.5rem;border:0;border-radius:.75rem;color:inherit}
.pz-reset__dialog::backdrop{background:rgba(0,0,0,.5)}
.pz-reset__dialog h2{margin:0 0 .5rem;font-size:1.1rem;line-height:1.3}
.pz-reset__dialog p{margin:0 0 1.25rem;font-size:.95em;line-height:1.5}
.pz-reset__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.pz-reset__submit{padding:.55rem 1.1rem;border:0;border-radius:.4rem;background:#b3261e;color:#fff;font-size:.95em;cursor:pointer}
.pz-reset__submit:hover{background:#8c1d18}
.pz-reset__cancel{padding:.55rem 1.1rem;border:1px solid currentColor;border-radius:.4rem;background:none;color:inherit;font-size:.95em;cursor:pointer}
.pz-reset__done{margin:0;font-size:.9em;opacity:.75}

/* Snippet 22 - PZ – Tlačítko do kurzu [pz_pokracovat] */
.pz-pokracovat{margin:0}
.pz-pokracovat__btn{display:inline-block;padding:.7rem 1.6rem;border-radius:.4rem;background:#143f5e;color:#fff;font-weight:600;text-decoration:none;line-height:1.3}
.pz-pokracovat__btn:hover,.pz-pokracovat__btn:focus-visible{background:#29648f;color:#fff}

/* Tlacitko do kurzu a reset vedle sebe. */
.pz-course-head__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem}
.pz-course-head__actions p{margin:0}

/* --- Moje studio: vstup pro neprihlasene (snippet 11) ---------------
   Dvoje dvere vedle sebe: prihlaseni a rozcestnik na nabidku.
   Na mobilu se sklopi pod sebe, prihlaseni prvni. */

.pz-vstup{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:0 0 2.5rem}
@media (min-width:782px){.pz-vstup{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}

.pz-vstup__box{display:flex;flex-direction:column;padding:1.5rem;border:1px solid rgba(0,0,0,.12);border-radius:.75rem;background:rgba(0,0,0,.015)}

/* Selektory s tagem: Kadence dava nadpisum i odstavcum v .single-content
   vlastni marginy (0,1,1) - rozestupy tady drzime sami. */
.pz-vstup__box h2.pz-vstup__nadpis{margin:0 0 .35rem;font-size:1.15rem;line-height:1.3}
.pz-vstup__box p.pz-vstup__text{margin:0 0 1.25rem;font-size:.95em;line-height:1.5;opacity:.75}

/* Formular: normalni sirka misto uzkeho sloupku vlevo. */
.pz-vstup__form .login-username,
.pz-vstup__form .login-password{margin:0 0 .75rem}
.pz-vstup__form label{display:block;margin-bottom:.25rem;font-size:.9em;opacity:.8}
.pz-vstup__form input[type=text],
.pz-vstup__form input[type=password]{width:100%;max-width:none}
.pz-vstup__form .login-remember{margin:0 0 1rem;font-size:.9em}
.pz-vstup__form .login-submit{margin:0}
.pz-vstup__form .login-submit input[type=submit]{width:100%}
.pz-vstup__form p.pz-vstup__zapomenute{margin:.75rem 0 0;font-size:.9em}

/* Tlacitko hned pod text, ne u spodni hrany. Pravy box je nizsi nez levy
   (ten ma cely formular), takze margin-top:auto by pod textem nechal prazdno. */
.pz-vstup__box p.pz-vstup__akce{margin:0}
.pz-vstup__btn{display:inline-block;padding:.7rem 1.4rem;border:1px solid currentColor;border-radius:.4rem;text-decoration:none;color:inherit;line-height:1.3}