/* ==========================================================================
   NG · vzhled obchodu sel-shop (12. 10. 2026, wp T-20261012-089)
   Plugin dává HTML se třídami sel-shop-* a jen základní CSS; vzhled patří webu.
   Přeloženo do jazyka návrhu (navrh/stranky/prihlaska.html): hranaté prvky,
   pole 52 px s rámečkem #5F686D, tlačítka #5BBDB4, nadpisy Libre Caslon Display,
   souhrn jako tmavý panel. Načítá se jen na stránkách nového designu, po sel-shop.css.
   Vzor: sites/betrue/theme/betrue-shop.css.
   ========================================================================== */

/* ── písmo a barvy ── */
[class*="sel-shop"]{font-family:'Albert Sans',system-ui,sans-serif;color:inherit}
.sel-shop-sekce h2,.sel-shop-dialog__nadpis,.sel-shop-dekujeme__nadpis,.sel-shop-produkt__nazev,.sel-shop-terminy__nadpis{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;line-height:1.15;margin:0 0 20px;letter-spacing:0}
.sel-shop-napoveda,.sel-shop-prodavajici,.sel-shop-brzda,.sel-shop-termin__misto,.sel-shop-ares__zprava{font-size:15px;line-height:1.55;color:#5F686D;opacity:1}
.sel-shop-odkaz{font-size:15px;color:#367D77;text-underline-offset:3px}

/* ── tlačítka ── */
.sel-shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#5BBDB4;color:#2F373B;border:0;border-radius:0;padding:14px 22px;font:inherit;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.sel-shop-btn:hover{background:#4FB0A7}
.sel-shop-btn:focus-visible,.sel-shop-odkaz:focus-visible{outline:3px solid #367D77;outline-offset:2px}
.sel-shop-btn--vedlejsi{background:transparent;color:inherit;border:1px solid currentColor;padding:13px 21px}
.sel-shop-btn--vedlejsi:hover{background:rgba(58,67,72,0.06)}
.sel-shop-btn--odeslat{padding:18px 30px;font-size:18px;justify-self:start}
.sel-shop-btn--odeslat::after{content:'→';font-weight:400}

/* ── pole formuláře (jako přihláška v návrhu) ── */
.sel-shop-pole{gap:8px}
.sel-shop-pole > span,.sel-shop-pridat__pocet > span,.sel-shop-kosik__pocet > span,.sel-shop-clovek legend{font-size:15px;font-weight:600;line-height:1.4;color:#3A4348}
.sel-shop-pole input,.sel-shop-pole textarea,.sel-shop-pole select,.sel-shop-kod input,.sel-shop-pridat__pocet input,.sel-shop-kosik__pocet input,.sel-shop-partner input[type=email],.sel-shop-voucher-form input,.sel-shop-voucher-form textarea{display:block;width:100%;box-sizing:border-box;min-height:52px;padding:0 16px;border:1px solid #5F686D;border-radius:0;background:#FFFFFF;font:inherit;font-size:17px;color:#2F373B}
.sel-shop-pole textarea,.sel-shop-voucher-form textarea{padding:14px 16px;line-height:1.5;resize:vertical}
.sel-shop-pridat__pocet input,.sel-shop-kosik__pocet input{width:5em;min-height:48px;padding:0 12px}
.sel-shop-pole input:focus-visible,.sel-shop-pole textarea:focus-visible,.sel-shop-kod input:focus-visible,.sel-shop-pridat__pocet input:focus-visible,.sel-shop-kosik__pocet input:focus-visible{outline:3px solid #367D77;outline-offset:2px}
.sel-shop-mrizka{gap:22px 20px}
.sel-shop-mrizka--prevzato input{background:#F5F3EC;color:#5F686D;opacity:1}
.sel-shop-zaskrt{gap:14px;margin:12px 0;font-size:17px;line-height:1.45;cursor:pointer}
.sel-shop-zaskrt input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#367D77}
.sel-shop-zaskrt a{color:#3A4348;text-underline-offset:3px}
.sel-shop-clovek{border:1px solid rgba(58,67,72,0.32);border-radius:0;padding:22px 24px 24px;margin:0 0 16px;background:#FFFFFF}
.sel-shop-clovek legend{padding:0 8px}
.sel-shop-pole--chyba input,.sel-shop-pole--chyba textarea{border-color:#A84B33;outline:1px solid #A84B33}
.sel-shop-pole--chyba > span,.sel-shop-chyba-text,.sel-shop-zprava,.sel-shop-souhlas.sel-shop-pole--chyba span{color:#A84B33}
.sel-shop-zprava:empty{display:none}
.sel-shop-upozorneni{border-left:3px solid #F5B7A6;background:#FFF9E6;padding:12px 16px;font-size:15px;line-height:1.55}
.sel-shop-kod{max-width:520px;gap:10px;align-items:stretch}
.sel-shop-kod .sel-shop-btn{min-height:52px}
.sel-shop-firma{margin-top:16px}
.sel-shop-ares{gap:10px}

/* ── pokladna: karta s formulářem + tmavý souhrn vpravo (návrh přihlášky) ──
   Na úzké stránce jedna bílá karta. Od 1000 px dva sloupce: bílou kartu levého sloupce
   kreslí pozadí formuláře (gradient o šířce sloupce), souhrn je vpravo a drží se při rolování. */
.ng-obchod .sel-shop-form{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;background:#FFFFFF;border-top:6px solid #5BBDB4;padding:clamp(24px,3.4vw,48px);box-sizing:border-box}
.ng-obchod .sel-shop-brzda{margin-top:-24px}
@container ng (min-width: 1000px){
  .ng-obchod .sel-shop-form{grid-template-columns:minmax(0,1fr) 360px;column-gap:48px;row-gap:0;border-top:0;padding:0 0 clamp(24px,3.4vw,48px);
    background:linear-gradient(#5BBDB4,#5BBDB4) 0 0 / calc(100% - 408px) 6px no-repeat,linear-gradient(#FFFFFF,#FFFFFF) 0 0 / calc(100% - 408px) 100% no-repeat}
  .ng-obchod .sel-shop-form > *{grid-column:1;margin:0 clamp(24px,3.4vw,48px) 40px}
  .ng-obchod .sel-shop-form > :first-child{margin-top:calc(6px + clamp(24px,3.4vw,48px))}
  .ng-obchod .sel-shop-form > .sel-shop-btn--odeslat{margin-bottom:16px}
  .ng-obchod .sel-shop-form > .sel-shop-brzda{margin-top:0;margin-bottom:0}
  .ng-obchod .sel-shop-form > .sel-shop-sekce--souhrn{grid-column:2;grid-row:1 / span 20;margin:0;align-self:start;position:sticky;top:24px}
}
.sel-shop-sekce--souhrn{background:#3A4348;color:#FFF9E6;padding:36px 36px 40px;box-sizing:border-box}
.sel-shop-sekce--souhrn h2{color:#FFF9E6}
.sel-shop-souhrn{max-width:none;gap:12px 0;font-size:16px;line-height:1.45}
.sel-shop-souhrn dd{padding-left:20px}
.sel-shop-souhrn dt{color:rgba(255,249,230,0.72)}
.sel-shop-souhrn dd{color:#FFF9E6}
.sel-shop-souhrn__celkem{padding-top:18px;border-top:1px solid rgba(255,249,230,0.18)}
dd.sel-shop-souhrn__celkem{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400 !important;font-size:32px !important;line-height:1.05}
dt.sel-shop-souhrn__celkem{font-size:16px !important;font-weight:400 !important;align-self:stretch;display:flex;align-items:flex-end}
.sel-shop-sekce--souhrn .sel-shop-upozorneni{background:rgba(255,249,230,0.08);color:#FFF9E6}
.sel-shop-sekce--souhrn .sel-shop-prodavajici{color:rgba(255,249,230,0.72)}

/* ── košík ── */
.sel-shop-kosik{list-style:none;margin:0;padding:0}
.sel-shop-kosik__polozka{gap:16px 20px;padding:20px 0;border-bottom:1px solid rgba(58,67,72,0.16)}
.sel-shop-kosik__polozka:first-child{border-top:1px solid rgba(58,67,72,0.16)}
.sel-shop-kosik__nazev{gap:4px;font-size:15px;color:#5F686D}
.sel-shop-kosik__nazev strong{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;color:#3A4348}
.sel-shop-kosik__cena{font-size:17px;font-weight:600}
.sel-shop-kosik__pocet{gap:6px}
.sel-shop-kosik--prazdny p{margin:0;font-size:18px;line-height:1.6;font-weight:300}

/* ── termíny a produkty s tlačítkem do košíku (Přihláška, Dárkový poukaz) ── */
.sel-shop-terminy__seznam{display:grid;gap:12px}
.sel-shop-termin{gap:16px 24px;padding:19px 23px;border:1px solid rgba(58,67,72,0.32);background:#FFFFFF}
.sel-shop-termin__info{gap:4px;flex:1 1 260px;min-width:0}
.sel-shop-termin__kurz{font-size:15px;font-weight:400;color:#5F686D;order:2}
.sel-shop-termin__datum{font-family:'Libre Caslon Display',Georgia,serif;font-size:26px;line-height:1.2;order:1}
.sel-shop-termin__misto{order:3}
.sel-shop-termin__cena{font-size:17px;font-weight:600;order:4;margin-top:4px}
.sel-shop-termin__mista{font-size:14px;color:#367D77;order:5}
.sel-shop-pridat{gap:12px;align-items:flex-end}
.sel-shop-pridat__pocet{gap:6px}
.sel-shop-produkty{display:grid;gap:16px}
.sel-shop-produkt{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding:24px 26px;border:1px solid rgba(58,67,72,0.32);background:#FFFFFF}
.sel-shop-produkt__nazev{flex:1 1 100%;font-size:26px;margin:0}
.sel-shop-produkt__popis{flex:1 1 100%;font-size:16px;line-height:1.55;color:#5F686D}
.sel-shop-produkt__popis > :first-child{margin-top:0}
.sel-shop-produkt__popis > :last-child{margin-bottom:0}
.sel-shop-produkt__cena{font-family:'Libre Caslon Display',Georgia,serif;font-size:32px;line-height:1.05;align-self:center}

/* doplňková nabídka (online kurz pod termíny na přihlášce): karta bez vlastního rámečku */
.ng-upsell .sel-shop-produkt{margin-top:10px;padding:0;border:0;background:transparent}
.ng-upsell .sel-shop-produkt__nazev{font-family:'Albert Sans',system-ui,sans-serif;font-size:18px;font-weight:600;line-height:1.4}
.ng-upsell .sel-shop-produkt__popis{font-size:15px}
.ng-upsell .sel-shop-produkt__cena{font-size:26px}

/* ── košík v hlavičce: jen když v něm něco je (jinak hlavička 1:1 s návrhem) ── */
.ng-kosik{display:flex;align-items:center}
.ng-kosik:has(.sel-shop-pocet[hidden]){display:none}
.ng-kosik .sel-shop-kosik-ikona{display:inline-flex;align-items:center;gap:8px;color:rgba(255,249,230,0.85);text-decoration:none;font-size:15px}
.ng-kosik .sel-shop-kosik-ikona:hover{color:#FFF9E6}
.ng-kosik .sel-shop-pocet{background:#5BBDB4;color:#2F373B;border-radius:999px;min-width:24px;padding:0 7px;line-height:24px;font-size:13px;font-weight:600}

/* ── oznámení a dialog po „Do košíku" ── */
.sel-shop-oznameni{background:#3A4348;color:#FFF9E6;border-radius:0;padding:16px 20px;box-shadow:0 10px 30px rgba(47,55,59,0.25);font-size:16px}
.sel-shop-oznameni a{color:#5BBDB4}
.sel-shop-dialog{width:min(calc(100vw - 32px),520px);padding:40px 36px 36px;border-radius:0;border-top:6px solid #5BBDB4;background:#FCF8EE;color:#3A4348;box-shadow:0 20px 60px rgba(47,55,59,0.30);font-size:17px;line-height:1.55}
.sel-shop-dialog::backdrop{background:rgba(47,55,59,0.55)}
.sel-shop-dialog p{margin:0 0 14px}
.sel-shop-dialog__nadpis{padding-right:40px}
.sel-shop-dialog__polozka{font-weight:600}
.sel-shop-dialog__kosik{font-size:15px;color:#5F686D}
.sel-shop-dialog__zavrit{top:12px;right:12px;width:44px;height:44px;font-size:22px;color:#3A4348}
.sel-shop-dialog__zavrit:hover{background:rgba(58,67,72,0.08)}
.sel-shop-dialog__akce{gap:12px;margin-top:24px}
.sel-shop-dialog__akce .sel-shop-btn{flex:1 1 200px}

/* ── děkovací stránka a vouchery ── */
.sel-shop-dekujeme,.sel-shop-vouchery{background:#FFFFFF;border-top:6px solid #5BBDB4;padding:clamp(24px,3.4vw,48px);font-size:17px;line-height:1.6;max-width:860px;box-sizing:border-box}
.sel-shop-dekujeme__cislo{font-weight:600}
.sel-shop-platba{margin:24px 0;padding:24px;background:#FCF8EE}
.sel-shop-platba__udaje{gap:10px 24px}
.sel-shop-platba__udaje dt{font-size:15px;color:#5F686D}
.sel-shop-platba__udaje dd{font-size:17px;font-weight:600}
.sel-shop-voucher{border:1px solid rgba(58,67,72,0.32);border-top:3px solid #5BBDB4;border-radius:0;padding:28px;background:#FFFFFF}
.sel-shop-voucher__kod strong{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:.06em}
.sel-shop-test{background:#F5B7A6;color:#2F373B;padding:4px 12px}
@media (max-width: 600px){.sel-shop-btn--odeslat,.sel-shop-pridat__btn{width:100%}.sel-shop-pridat{flex:1 1 100%}.sel-shop-pridat__btn{flex:1}}