/* ==========================================================================
   BeTrue · vzhled obchodu sel-shop (11. 10. 2026)
   Plugin dává jen základ a třídy sel-shop-*; vzhled patří webu. Tady je
   přeložený do jazyka balíčku btx: 6 stylů písma (Literata 400; Albert Sans
   400/600; 60/40/25/18/15 px), tlačítka a pole jako btx-btn / btx-field.
   Načítá se po sel-shop.css (functions.php).
   ========================================================================== */
body{--bs-ink:#3A4348;--bs-deep:#2F373B;--bs-paper:#FCF8EE;--bs-cream:#FFF9E6;--bs-salmon:#F5B7A6;--bs-teal-ink:#367D77;--bs-gray-ink:#6B7479;--bs-line:rgba(58,67,72,.16);--bs-line-dark:rgba(255,249,230,.18);--bs-field:#8A9196;--bs-error:#A84B33;
  --bs-lg:400 clamp(21px,19.51px + .381vw,25px)/1.44 "Literata",Georgia,serif;
  --bs-h1:400 clamp(38px,29.83px + 2.095vw,60px)/1.1 "Literata",Georgia,serif;
  --bs-text:400 18px/1.7 "Albert Sans",system-ui,sans-serif;
  --bs-small:400 15px/1.55 "Albert Sans",system-ui,sans-serif;
  --bs-label:600 15px/1.4 "Albert Sans",system-ui,sans-serif}

/* ── stránky obchodu (pokladna, děkujeme, vouchery): obsah z pluginu ── */
body.btx #brx-content.wordpress{width:100%;box-sizing:border-box;max-width:1248px;margin:0 auto;padding:72px 64px 112px;background:var(--bs-paper);color:var(--bs-ink)}
body.btx #brx-content.wordpress > h1{font:var(--bs-h1);margin:0 0 40px}
body.btx #brx-content.wordpress h2{font:var(--bs-lg);margin:0 0 18px}
@media (max-width:767px){body.btx #brx-content.wordpress{padding:48px 20px 80px}}

/* ── písmo všeho v obchodu ── */
[class*="sel-shop"]{font:var(--bs-text)}
.sel-shop-sekce h2,.sel-shop-souhrn__celkem,.sel-shop-termin__datum,.sel-shop-voucher__kod strong,.sel-shop-produkt__nazev{font:var(--bs-lg)!important;letter-spacing:0!important}
.sel-shop-pole > span,.sel-shop-pridat__pocet > span,.sel-shop-kosik__pocet,.sel-shop-kosik__pocet > span,.sel-shop-clovek legend,.sel-shop-termin__cena,.sel-shop-kosik__cena,.sel-shop-test,.sel-shop-voucher__kod > span,.sel-shop-voucher__udaje dt{font:var(--bs-label)!important;letter-spacing:0!important;text-transform:none!important}
.sel-shop-termin__misto,.sel-shop-termin__mista,.sel-shop-napoveda,.sel-shop-prodavajici,.sel-shop-brzda,.sel-shop-lide small,.sel-shop-pocet,.sel-shop-odkaz,.sel-shop-ares__zprava,.sel-shop-upozorneni{font:var(--bs-small)!important;opacity:1!important}
.sel-shop-termin__kurz{font:var(--bs-label)!important}

/* ── pole formuláře (jako btx-field) ── */
.sel-shop-pole input,.sel-shop-pole textarea,.sel-shop-kod input,.sel-shop-pridat__pocet input,.sel-shop-kosik__pocet input,.sel-shop-partner input[type=email],.sel-shop-pole select{font:var(--bs-text)!important;color:var(--bs-ink);background:#fff;border:1px solid var(--bs-field);border-radius:12px;padding:12px 14px;min-height:50px;box-sizing:border-box}
.sel-shop-pridat__pocet input,.sel-shop-kosik__pocet input{width:5.2em;padding:10px 12px;min-height:46px}
.sel-shop-pole input:focus,.sel-shop-pole textarea:focus,.sel-shop-kod input:focus,.sel-shop-pridat__pocet input:focus,.sel-shop-kosik__pocet input:focus{outline:3px solid var(--bs-teal-ink);outline-offset:1px;border-color:var(--bs-teal-ink)}
.sel-shop-pole{gap:6px}
.sel-shop-mrizka{gap:18px 20px}
.sel-shop-zaskrt{gap:10px;margin:10px 0;align-items:flex-start}
.sel-shop-zaskrt input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--bs-teal-ink);flex:none}
.sel-shop-zaskrt a{color:inherit;text-decoration-color:var(--bs-salmon);text-underline-offset:3px}
.sel-shop-clovek{border:1px solid var(--bs-line);border-radius:20px;padding:22px 24px 24px;margin:0 0 16px;background:#fff}
.sel-shop-clovek legend{padding:0 8px}
.sel-shop-pole--chyba input,.sel-shop-pole--chyba textarea{border-color:var(--bs-error);outline:1px solid var(--bs-error)}
.sel-shop-pole--chyba > span,.sel-shop-chyba-text,.sel-shop-zprava{color:var(--bs-error)!important}
.sel-shop-upozorneni{border-left:3px solid var(--bs-salmon);background:#F3ECDD;padding:12px 16px;border-radius:0 12px 12px 0}
.sel-shop-form{gap:44px}
.sel-shop-kod{max-width:520px;gap:10px}

/* ── tlačítka (jako btx-btn) ── */
.sel-shop-btn{font:var(--bs-text)!important;font-weight:600!important;line-height:1.2!important;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;border:2px solid transparent;background:var(--bs-salmon);color:var(--bs-deep);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.sel-shop-btn:hover{background:#F8C8BB}
.sel-shop-btn--vedlejsi{background:transparent;border-color:currentColor;color:inherit}
.sel-shop-btn--vedlejsi:hover{background:rgba(58,67,72,.06)}
.sel-shop-btn--odeslat{background:var(--bs-ink);color:var(--bs-cream);align-self:flex-start;padding:17px 34px}
.sel-shop-btn--odeslat:hover{background:var(--bs-deep)}
.sel-shop-btn:focus-visible{outline:3px solid var(--bs-teal-ink);outline-offset:3px}
.sel-shop-odkaz{color:inherit;text-decoration-color:var(--bs-salmon);text-underline-offset:3px}

/* ── košík a souhrn ── */
.sel-shop-kosik__polozka{border-bottom:1px solid var(--bs-line);padding:18px 0;gap:16px}
.sel-shop-kosik__nazev strong{font:var(--bs-lg)!important}
.sel-shop-souhrn{max-width:520px;gap:8px 24px}
.sel-shop-souhrn dt,.sel-shop-souhrn dd{font:var(--bs-text)}

/* ── termíny s tlačítkem do košíku (Základní kurz, sekce Cena a termíny) ── */
.sel-shop-termin{gap:16px 24px;padding:20px 0;border-bottom:0;border-top:1px solid var(--bs-line)}
.sel-shop-terminy__seznam > .sel-shop-termin:last-child{border-bottom:1px solid var(--bs-line)}
.btx-dark .sel-shop-termin,.btx-deep .sel-shop-termin,.btx-dark .sel-shop-terminy__seznam > .sel-shop-termin:last-child,.btx-deep .sel-shop-terminy__seznam > .sel-shop-termin:last-child{border-color:var(--bs-line-dark)}
.sel-shop-termin__info{gap:4px}
.btx-dark .sel-shop-termin__misto,.btx-deep .sel-shop-termin__misto{color:rgba(255,249,230,.78)}
.sel-shop-termin__mista{color:var(--bs-salmon)!important}
.sel-shop-pridat{gap:12px;align-items:flex-end}
.sel-shop-pridat__pocet{gap:6px}
.btx-dark .sel-shop-pridat__pocet > span,.btx-deep .sel-shop-pridat__pocet > span{color:rgba(255,249,230,.78)}

/* ── ikona košíku v hlavičce + oznámení „Přidáno do košíku“ ── */
.sel-shop-kosik-ikona{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font:var(--bs-small)!important}
.sel-shop-pocet{background:var(--bs-salmon);color:var(--bs-deep);border-radius:999px;min-width:24px;padding:0 7px;line-height:24px;text-align:center;font-weight:600!important}
.sel-shop-oznameni{background:var(--bs-ink);color:var(--bs-cream);border-radius:16px;padding:16px 20px;box-shadow:0 10px 30px rgba(47,55,59,.25);font:var(--bs-text)}
.sel-shop-oznameni a{color:var(--bs-salmon)}

/* ── děkovací stránka a vouchery ── */
.sel-shop-platba__udaje{gap:8px 24px}
.sel-shop-platba__udaje dt{font:var(--bs-small);color:var(--bs-gray-ink)}
.sel-shop-platba__udaje dd{font:var(--bs-text);font-weight:600}
.sel-shop-voucher{background:#fff;border:1px solid var(--bs-line);border-top:3px solid var(--bs-salmon);border-radius:20px;padding:28px}
.sel-shop-test{background:var(--bs-salmon);color:var(--bs-deep);border-radius:999px;padding:4px 12px}
@media (max-width:767px){.sel-shop-btn--odeslat{align-self:stretch}}
/* Košík v hlavičce: na tmavé hlavičce krémový text, vedle tlačítka. */
.bt-nav-kosik{display:flex;align-items:center}
.bt-nav-kosik .sel-shop-kosik-ikona{color:var(--bs-cream);padding:8px 4px}
.bt-nav-kosik .sel-shop-kosik-ikona:hover{color:var(--bs-salmon)}

/* ── Dialog po „Do košíku“ (sel-shop 1.2.0): dokončit, nebo vybrat další ── */
.sel-shop-dialog{width:min(calc(100vw - 32px),520px);padding:36px 32px 32px;border-radius:24px;background:var(--bs-paper);color:var(--bs-ink);box-shadow:0 20px 60px rgba(47,55,59,.30);font:var(--bs-text)}
.sel-shop-dialog::backdrop{background:rgba(47,55,59,.55)}
.sel-shop-dialog p{margin:0 0 14px}
.sel-shop-dialog__nadpis{font:var(--bs-lg)!important;padding-right:40px}
.sel-shop-dialog__polozka{font:var(--bs-label)!important}
.sel-shop-dialog__dotaz{font:var(--bs-text)!important}
.sel-shop-dialog__kosik{font:var(--bs-small)!important;color:var(--bs-gray-ink)}
.sel-shop-dialog__zavrit{top:14px;right:14px;width:40px;height:40px;border-radius:50%;font:var(--bs-text)!important;font-size:18px!important;color:var(--bs-ink)}
.sel-shop-dialog__zavrit:hover{background:rgba(58,67,72,.08)}
.sel-shop-dialog__akce{gap:12px;margin-top:24px}
.sel-shop-dialog__pokladna{background:var(--bs-ink);color:var(--bs-cream)}
.sel-shop-dialog__pokladna:hover{background:var(--bs-deep)}
/* 1. účastník přebírá údaje objednatele — pole jen pro čtení */
.sel-shop-mrizka--prevzato input{background:#F3ECDD;color:var(--bs-gray-ink)}

/* Produkt v závěrečné výzvě (/online/: BeTrue online kurz). Název je
   v nadpisu výzvy, karta ukazuje cenu, počet a „Do košíku“ v jednom řádku. */
.btx-shop-produkt .sel-shop-produkt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-top:8px}
.btx-shop-produkt .sel-shop-produkt__nazev{display:none}
.btx-shop-produkt .sel-shop-produkt__cena{font:var(--bs-lg)!important;align-self:center}
.btx-cta .btx-shop-produkt .sel-shop-pridat__pocet > span{color:rgba(255,249,230,.78)}