/* Skin SEL pro obchod sel-shop (pokladna, děkovačka, vouchery, termíny, webinář, dialog košíku).
   Plugin dává jen základ (třídy sel-shop-*), vzhled patří webu (README pluginu). Tokeny ze sel.css.
   Selektory s předponou body: plugin své CSS vypisuje až u shortcodu (po skinu), musí prohrát.
   Stránky obchodu jsou obyčejné stránky WP (#brx-content.wordpress) → světlá plocha jako .sel-section--paper. */

/* plocha a typografie stránek obsahu WP (stránky obchodu, testovací webinář) */
/* Plocha přes celou šířku okna, obsah zarovnaný s hlavičkou (kontejner 1248 px, okraje --sel-pad-x).
   Bricks dává #brx-content vlastní šířku (na 4K 2592 px) — bez width:100 % se odsazení počítané z okna
   „sežralo“ celý obsah (14. 10.: na 4K šířka obsahu 0 px). */
#brx-content.wordpress{
  box-sizing:border-box;width:100%;max-width:none;margin-inline:0;
  background:var(--sel-paper);color:var(--sel-ink);
  padding-block:clamp(2.5rem,1.9rem + 2.4vw,4rem) var(--sel-pad-y);
  padding-inline:max(var(--sel-pad-x),calc((100% - var(--sel-container)) / 2));
  font-size:var(--sel-fs-body);line-height:1.6;
}
#brx-content.wordpress > h1{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h1);line-height:1.05;margin:0 0 var(--sel-gap-md);text-wrap:balance}
#brx-content.wordpress a{color:var(--sel-teal-ink);text-underline-offset:3px}
#brx-content.wordpress :focus-visible{outline:2px solid var(--sel-teal-ink);outline-offset:3px}
/* sekce pokladny */
body .sel-shop-form{gap:clamp(2rem,1.6rem + 1.6vw,3rem);max-width:56rem}
body .sel-shop-sekce h2,body .sel-shop-sekce h3{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2;margin:0 0 1rem}
body .sel-shop-sekce h2 small,body .sel-shop-sekce h3 small{font-family:var(--sel-font-text);font-size:var(--sel-fs-small);color:var(--sel-gray-ink)}
body .sel-shop-napoveda,body .sel-shop-prodavajici,body .sel-shop-brzda{font-size:var(--sel-fs-small);color:var(--sel-gray-ink);opacity:1}
/* pole */
body .sel-shop-pole > span,body .sel-shop-pridat__pocet > span,body .sel-shop-kosik__pocet > span{font-size:var(--sel-fs-small);font-weight:400;color:var(--sel-gray-ink)}
body .sel-shop-pole input,body .sel-shop-pole textarea,body .sel-shop-kod input,body .sel-shop-pridat__pocet input,body .sel-shop-kosik__pocet input,body .sel-shop-partner input[type=email],body .sel-shop-webinar__email input,body .sel-shop-voucher-form input,body .sel-shop-voucher-form textarea{
  box-sizing:border-box;min-height:48px;padding:10px 14px;border:1px solid var(--sel-line-light);border-radius:0;
  background:var(--sel-white);color:var(--sel-ink);font:inherit;font-size:1rem}
body .sel-shop-pole input:focus,body .sel-shop-pole textarea:focus,body .sel-shop-kod input:focus,body .sel-shop-pridat__pocet input:focus,body .sel-shop-kosik__pocet input:focus{border-color:var(--sel-teal-ink);outline:1px solid var(--sel-teal-ink)}
body .sel-shop-mrizka--prevzato input{background:var(--sel-paper);opacity:1;color:var(--sel-gray-ink)}
body .sel-shop-pridat__pocet input,body .sel-shop-kosik__pocet input{width:5rem}
body .sel-shop-clovek{border:1px solid var(--sel-line-light);border-radius:0;padding:1rem 1.25rem 1.25rem;background:var(--sel-white)}
body .sel-shop-clovek legend{padding:0 .4rem;font-weight:500}
body .sel-shop-zaskrt,body .sel-shop-zaskrt span,body .sel-shop-zaskrt label{gap:.75rem;line-height:1.5;color:var(--sel-ink);opacity:1}
body .sel-shop-zaskrt input{width:18px;height:18px;flex:none;accent-color:var(--sel-teal-ink)}
body .sel-shop-pole--chyba input,body .sel-shop-pole--chyba textarea{border-color:#B3261E;outline-color:#B3261E}
body .sel-shop-chyba-text,body .sel-shop-zprava,body .sel-shop-pole--chyba > span{color:#B3261E}
/* tlačítka: na světlé ploše tmavé,body ostré rohy (sel-btn) */
body .sel-shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:1px solid var(--sel-ink);border-radius:0;
  background:var(--sel-ink);color:var(--sel-cream);font:inherit;font-size:1.0625rem;font-weight:500;line-height:1.2;text-decoration:none;
  transition:background .2s var(--sel-ease),color .2s var(--sel-ease)}
body .sel-shop-btn:hover{background:var(--sel-ink-deep)}
body .sel-shop-btn--vedlejsi{background:transparent;color:var(--sel-ink)}
body .sel-shop-btn--vedlejsi:hover{background:var(--sel-ink);color:var(--sel-cream)}
body .sel-shop-pridat__btn,body .sel-shop-kod .sel-shop-btn{min-height:48px}
body .sel-shop-btn--odeslat{align-self:flex-start}
body .sel-shop-odkaz{color:var(--sel-teal-ink);font-size:var(--sel-fs-small)}
/* košík,body souhrn,body termíny */
body .sel-shop-kosik__polozka,body .sel-shop-termin{border-bottom:1px solid var(--sel-line-light);padding:1.25rem 0;gap:1rem}
body .sel-shop-kosik__nazev strong,body .sel-shop-termin__kurz{font-weight:500}
body .sel-shop-termin__datum{font-family:var(--sel-font-display);font-size:var(--sel-fs-h4);line-height:1.2}
body .sel-shop-termin__misto:empty{display:none}
body .sel-shop-termin__cena,body .sel-shop-kosik__cena{font-weight:500}
body .sel-shop-souhrn{max-width:28rem;padding:1.25rem 0;border-top:1px solid var(--sel-ink)}
body .sel-shop-souhrn__celkem{font-weight:600;font-size:1.25rem}
body .sel-shop-upozorneni{border-left-color:var(--sel-salmon);background:rgba(245,183,166,.18)}
/* platba,body vouchery,body webinář */
body .sel-shop-platba__udaje dd{font-weight:500}
body .sel-shop-voucher{border:1px solid var(--sel-line-light);border-radius:0;background:var(--sel-white)}
body .sel-shop-voucher__kod strong{font-family:var(--sel-font-display);font-weight:400}
body .sel-shop-prehravac{border-radius:0}
body .sel-shop-webinar__cas{font-weight:500}
/* dialog po přidání do košíku a oznámení (mohou se objevit na tmavé stránce) */
body .sel-shop-dialog{border-radius:0;background:var(--sel-paper);color:var(--sel-ink);border-top:6px solid var(--sel-salmon);box-shadow:0 16px 48px rgba(0,0,0,.35)}
body .sel-shop-dialog::backdrop{background:rgba(47,55,59,.7)}
body .sel-shop-dialog__nadpis{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2}
body .sel-shop-oznameni{border-radius:0;background:var(--sel-ink-deep);color:var(--sel-cream)}
body .sel-shop-pocet{background:var(--sel-salmon);color:var(--sel-ink)}
@media (max-width:559px){
  body .sel-shop-btn{white-space:normal;text-align:center}
  body .sel-shop-btn--odeslat{align-self:stretch}
}

/* novinky, potvrzení odběru, zájem o kurz, produkty (sel-shop 1.6, REQ-114) */
body .sel-novinky{max-width:44rem;gap:20px}
body .sel-novinky-body{margin:0;padding-left:1.25rem;display:grid;gap:6px}
body .sel-novinky-nabidka{margin-top:var(--sel-gap);padding-top:var(--sel-gap-md);border-top:1px solid var(--sel-line-light);gap:12px}
body .sel-novinky-nabidka .sel-h4{margin-top:24px}
body .sel-shop-novinky,body .sel-shop-zajem,body .sel-shop-potvrzeni{max-width:40rem;padding:24px;background:var(--sel-white);border:1px solid var(--sel-line-light);border-top:6px solid var(--sel-teal);gap:14px}
body .sel-shop-novinky h2,body .sel-shop-novinky h3,body .sel-shop-zajem h2,body .sel-shop-zajem h3{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2;margin:0}
body .sel-shop-novinky input[type=email],body .sel-shop-novinky input[type=text],body .sel-shop-zajem input,body .sel-shop-zajem textarea,body .sel-shop-potvrzeni input{
  box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--sel-line-light);border-radius:0;background:var(--sel-white);color:var(--sel-ink);font:inherit;font-size:1rem}
body .sel-shop-novinky__souhlas{font-size:var(--sel-fs-small);color:var(--sel-gray-ink)}
body .sel-shop-novinky__zajmy input,body .sel-shop-zajem input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--sel-teal-ink)}
body .sel-shop-formular__zprava{font-weight:500}
body .sel-shop-produkty{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:16px}
body .sel-shop-produkt{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--sel-white);border:1px solid var(--sel-line-light)}
body .sel-shop-poradatel,body .sel-shop-platforma{font-size:var(--sel-fs-small);color:var(--sel-gray-ink)}
body .sel-shop-produkt h2,body .sel-shop-produkt h3,body .sel-shop-produkt__nazev{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2;margin:0}

/* webináře (sel-shop 1.7: registrace na stránce, osobní stránka /webinar/) */
body .sel-shop-registrace{display:grid;gap:16px;padding:28px;background:var(--sel-white);border:1px solid var(--sel-line-light);border-top:6px solid var(--sel-teal);color:var(--sel-ink)}
body .sel-shop-registrace__nadpis{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2;margin:0}
body .sel-shop-registrace__termin{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding-bottom:14px;border-bottom:1px solid var(--sel-line-light)}
body .sel-shop-registrace .sel-shop-pole input,body .sel-shop-registrace .sel-shop-pole textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--sel-line-light);border-radius:0;background:var(--sel-white);color:var(--sel-ink);font:inherit;font-size:1rem}
body .sel-shop-registrace .sel-shop-btn{justify-self:start}
body .sel-shop-hlaska{padding:20px 24px;background:var(--sel-white);border-left:3px solid var(--sel-salmon);color:var(--sel-ink)}
body .sel-webinar-body{margin:0;padding-left:1.25rem;display:grid;gap:12px;max-width:52rem}
body .sel-webinar-body strong{font-weight:500}
body .sel-webinar-lektor{max-width:56rem}
body .sel-section .sel-btn-row{margin-top:8px}

/* osobní stránka webináře: blok pluginu + okolní obsah */
body .sel-shop-webinar{display:grid;gap:12px;max-width:none}
body .sel-shop-webinar > p{max-width:52rem}
body .sel-shop-webinar__nazev{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h2);line-height:1.1;margin:0}
body .sel-shop-webinar__cas{font-size:var(--sel-fs-lead);color:var(--sel-gray-ink)}
body .sel-shop-webinar__odpocet{margin-top:12px;font-size:var(--sel-fs-small);letter-spacing:.1em;text-transform:uppercase;color:var(--sel-gray-ink)}
body .sel-shop-webinar__zbyva{display:block;margin-top:6px;font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h3);letter-spacing:0;text-transform:none;color:var(--sel-teal-ink)}
body .sel-shop-webinar__info{font-size:var(--sel-fs-body)}
body .sel-shop-prehravac{border-radius:0;margin:12px 0}
body .sel-shop-prehravac__zprava{font-family:var(--sel-font-display);font-size:var(--sel-fs-h4)}
body .sel-shop-webinar__zaznam-sekce,body .sel-shop-webinar__nabidka{display:grid;gap:12px;margin-top:16px;padding:24px;background:var(--sel-white);border:1px solid var(--sel-line-light);border-top:6px solid var(--sel-teal)}
body .sel-shop-webinar__zaznam-sekce h3{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);margin:0}
body .sel-shop-webinar__email{display:grid;gap:12px;max-width:32rem}
body .sel-shop-webinar__email input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--sel-line-light);border-radius:0;font:inherit}
body .sel-webinar-rady{margin-top:var(--sel-gap-md);padding-top:var(--sel-gap-md);border-top:1px solid var(--sel-line-light);display:grid;gap:12px;max-width:52rem}
body .sel-webinar-rady ul{margin:0;padding-left:1.25rem;display:grid;gap:6px}
/* kalendář: Přihláška + O kurzu (CR-028) — dvojice drží místo tlačítka v mřížce sel-event */
body .sel-event__akce{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center}
/* oblast „cta“ existuje jen v mřížce sel.css do 1099 px; na desktopu obal sám zabere 5. sloupec (wp T-20261014-043) */
@media (max-width:1099px){body .sel-event__akce{grid-area:cta}}
body .sel-event__vice{font-size:var(--sel-fs-small);justify-content:center}
@media (max-width:559px){body .sel-webinar-lektor{grid-template-columns:minmax(0,1fr)}body .sel-webinar-lektor .sel-person__photo{width:160px}}

/* děkovací stránka (/pokladna/dekujeme/): plugin dává vlastní nadpis podle typu (objednávka / registrace / voucher),
   statický titulek stránky „Děkujeme za objednávku“ by byl duplicitní a u registrace nesprávný → skrýt */
#brx-content.wordpress:has(.sel-shop-dekujeme) > h1{display:none}
body .sel-shop-dekujeme{display:grid;gap:12px;max-width:44rem}
body .sel-shop-dekujeme__nadpis{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h1);line-height:1.05;margin:0 0 4px;text-wrap:balance}
body .sel-shop-dekujeme__cislo{font-size:var(--sel-fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--sel-gray-ink)}
body .sel-shop-dekujeme h3{font-family:var(--sel-font-display);font-weight:400;font-size:var(--sel-fs-h4);line-height:1.2;margin:28px 0 0;padding-top:24px;border-top:1px solid var(--sel-line-light)}
body .sel-shop-dekujeme p{margin:0}
body .sel-shop-dekujeme__kontakt{margin-top:20px !important;font-size:var(--sel-fs-small);color:var(--sel-gray-ink)}
body .sel-shop-dekujeme .sel-shop-platba{margin:8px 0;padding:24px;background:var(--sel-white);border:1px solid var(--sel-line-light);border-top:6px solid var(--sel-teal)}
/* osobní stránka webináře: titulek stránky „Webinář“ + název webináře z pluginu = dva nadpisy → hlavní je název */
#brx-content.wordpress:has(.sel-shop-webinar) > h1{display:none}
/* kalendář: název kurzu/webináře jako odkaz (nové okno) */
body .sel-event__odkaz{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s var(--sel-ease)}
body .sel-event__odkaz:hover,body .sel-event__odkaz:focus-visible{background-size:100% 1px}