/* ═══ te-prepinace-lib.css · AKTUÁLNÍ VERZE: 1 (5. 11. 2026) · na webu ?v=1
   VZHLED VŠECH TYPŮ PŘEPÍNAČŮ (knihovna k te-prepinace-lib.js; NAVRH_prepinace_lib.md, schválil Tomáš 5. 11. 2026).
   Mění se výjimečně, vždy s plným testem (python3 _WEB/_nastroje/over_prepinace.py) a se schválením. Úpravy pro jednu značku
   patří do css/te-prepinace-<značka>.css (pravidla jen pod .te-prep--<značka>).
   v1 — PŘESNÁ KOPIE pravidel přepínačů z produkt-detail.css v143 (ř. 610–704, 761–862, 1900–1903; bez wo- skinu).
   V produkt-detail.css zatím zůstávají (stejná pravidla dvakrát nevadí); odstraní se v další verzi po ověření živě (domluva s TE – Popisy).
   Legacy bez použití v aktuálním JS (kandidáti na úklid po migraci): .te-sb (v63/64 mřížka), .te-mx (v66 matice), .te-sb-extra (v67). ═══ */

/* ══ v5.7 — VÝBĚROVÉ DROPDOWNY Systém + Balení (renderuje te-detail.js v2) ══ */
.te-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px;max-width:560px}
@media (max-width:560px){.te-select{grid-template-columns:1fr}}
.te-dd{position:relative;font-family:'Inter',system-ui,sans-serif}
.te-dd__btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;
 background:linear-gradient(120deg,#EBF5FC,#F6FAFD);border:1.5px solid #C9DEF2;border-radius:14px;
 font-family:inherit;text-align:left;transition:border-color .15s,box-shadow .15s}
.te-dd__btn:hover{border-color:#35C3E8;box-shadow:0 6px 18px rgba(6,38,63,.10)}
.te-dd__lbl{font-size:10.5px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#35C3E8;flex:none}
.te-dd__cur{font-size:14px;font-weight:800;color:#122334;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.te-dd__chev{margin-left:auto;color:#0E4D73;font-weight:900;transition:transform .25s}
.te-dd.is-open .te-dd__chev{transform:rotate(180deg)}
.te-dd__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:8000;display:none;
 background:#fff;border:1px solid #C9DEF2;border-radius:14px;box-shadow:0 18px 50px rgba(6,38,63,.18);
 padding:6px;max-height:320px;overflow-y:auto}
.te-dd.is-open .te-dd__menu{display:block}
.te-dd__opt{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;text-decoration:none;transition:background .12s}
.te-dd__opt:hover{background:#EBF5FC}
.te-dd__opt b{flex:none;min-width:44px;font-size:11.5px;font-weight:900;color:#0E4D73;
 background:#EBF3FB;border:1px solid #C9DEF2;border-radius:999px;padding:3px 8px;text-align:center}
.te-dd__opt span{font-size:13.5px;font-weight:700;color:#122334}
.te-dd__opt i{margin-left:auto;font-style:normal;color:#F5A623;font-weight:900}
.te-dd__opt.is-cur{background:linear-gradient(180deg,#FFF7E8,#fff);pointer-events:none}

/* ══ v5.8 — dropdowny VÝRAZNĚ: tmavé ovládací prvky (nesplývají s chipy) ══ */
.te-select{margin:16px 0 6px;max-width:600px}
.te-dd__btn{background:linear-gradient(150deg,#0E4D73,#06263F);border:1.5px solid #0E4D73;
 box-shadow:0 8px 24px rgba(6,38,63,.22);padding:13px 16px}
.te-dd__btn:hover{border-color:#35C3E8;box-shadow:0 12px 30px rgba(6,38,63,.30);transform:translateY(-1px)}
.te-dd__lbl{color:#35C3E8}
.te-dd__cur{color:#fff;font-size:15px}
.te-dd__chev{color:#F5A623;font-size:15px}
.te-dd.is-open .te-dd__btn{border-color:#F5A623}

/* ══ v61 (6.7.2026): Rubio Oil Plus 2C přepínač — .te-dd rozšíření + čitelný layout ══ */
.te-select--rb{grid-template-columns:1fr 1fr;max-width:600px}
@media (max-width:560px){.te-select--rb{grid-template-columns:1fr}}
.te-select--rb .te-dd--wide{grid-column:1 / -1}
/* v138: popisek a hodnota na jednom řádku (dřív popisek přes celou šířku nad hodnotou = 2× vyšší tlačítka) */
.te-select--rb .te-dd__btn{padding:11px 14px}
.te-select--rb .te-dd__cur{flex:1 1 auto;min-width:0}
/* Provedení + Velikost vedle sebe jen při šířce komponenty ≥ 540 px (sloupec ~265 px = nejdelší překlad „Ausführung · Beschleuniger"); užší → pod sebe. Řídí se šířkou komponenty, ne okna (sloupec detailu je při 1024 px jen ~436 px). minmax(0,…) = při nedostatku místa výpustka, ne přetečení. */
#te-select{container-type:inline-size}
.te-select--rb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.te-select--rb .te-dd{min-width:0}
@media (max-width:560px){.te-select--rb{grid-template-columns:minmax(0,1fr)}}
@container (max-width:539px){.te-select--rb{grid-template-columns:minmax(0,1fr)}}
.te-dd__sw{width:18px;height:18px;border-radius:50%;flex:none;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(6,38,63,.2)}
.te-dd__opt .te-dd__sw{width:16px;height:16px;border:1px solid rgba(0,0,0,.18);box-shadow:none}
.te-dd__filter{width:100%;box-sizing:border-box;padding:8px 10px;margin-bottom:6px;border:1px solid #C9DEF2;border-radius:10px;font-family:inherit;font-size:13px;color:#122334}
.te-dd__opts{display:flex;flex-direction:column;gap:1px}
.te-dd--dis{opacity:.5}
.te-dd--dis .te-dd__btn{cursor:default;transform:none;box-shadow:0 8px 24px rgba(6,38,63,.22)}
.te-rb-hint{font-size:12px;color:#5A6B78;margin:4px 0 8px;max-width:600px}
.te-dd__grp{font-size:10.5px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#1E9BC9;padding:10px 12px 4px;border-top:1px solid #E3EEF7;margin-top:4px}
.te-dd__grp:first-child{border-top:0;margin-top:0;padding-top:4px}
/* v140: pilulky skupin odstínů v rozbaleném seznamu (Rubio, varianta A) — nad vyhledáváním; desktop zalomí do řádků, mobil (≤ 560 px) vodorovný posuv */
.te-dd__chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 8px;margin:0 0 6px;border-bottom:1px solid #E3EEF7}
@media (max-width:560px){.te-dd__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}}
.te-dd__chip{flex:none;border:1.5px solid #D9E6F0;background:#fff;color:#0E4D73;font:700 12.5px/1 'Inter',system-ui,sans-serif;border-radius:999px;padding:7px 11px;cursor:pointer;white-space:nowrap;transition:border-color .15s}
.te-dd__chip:hover{border-color:#35C3E8}
.te-dd__chip small{color:#8AA0B2;font-weight:700;margin-left:4px;font-size:11px}
.te-dd__chip.is-on{background:linear-gradient(150deg,#0E4D73,#06263F);border-color:#0E4D73;color:#fff}
.te-dd__chip.is-on small{color:#9FD3EC}

/* ══ v63 (7.7.2026): Starbond CA lepidla — cross-sell mřížka karet (nahrazuje nativní propojení) ══ */
/* ══ v64 (7.7.2026): rozbalovací trigger — mřížka defaultně sbalená ══ */
.te-sb{font-family:'Inter',system-ui,sans-serif;margin:14px 0 6px;max-width:820px}
.te-sb__head{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#0E4D73;margin:0 0 12px;display:flex;align-items:center;gap:9px}
.te-sb__head:before{content:"";flex:none;width:22px;height:3px;border-radius:2px;background:#F5A623}
.te-sb__toggle{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:11px 15px;cursor:pointer;border-radius:14px;text-align:left;background:linear-gradient(150deg,#0E4D73,#06263F);border:1.5px solid #0E4D73;transition:border-color .2s,box-shadow .2s}
.te-sb__toggle:hover{border-color:#35C3E8;box-shadow:0 10px 26px rgba(6,38,63,.28)}
.te-sb--collapsible.is-open .te-sb__toggle{border-color:#F5A623}
.te-sb__tlbl{flex:0 0 100%;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#35C3E8}
.te-sb__tcur{flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.te-sb__tcount{flex:none;font-size:11px;font-weight:900;color:#06263F;background:#F5A623;border-radius:20px;padding:2px 9px}
.te-sb__chev{flex:none;margin-left:2px;color:#F5A623;font-weight:900;font-size:15px;transition:transform .25s}
.te-sb--collapsible.is-open .te-sb__chev{transform:rotate(180deg)}
.te-sb__panel{display:none;margin-top:12px}
.te-sb--collapsible.is-open .te-sb__panel{display:block}
.te-sb__group{margin-bottom:15px}
.te-sb__glabel{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#35C3E8;margin:0 0 8px}
.te-sb__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}
.te-sb__card{position:relative;display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1.5px solid #E2ECF3;border-radius:14px;padding:8px 8px 10px;transition:transform .16s,box-shadow .16s,border-color .16s}
.te-sb__card:hover{transform:translateY(-3px);border-color:#35C3E8;box-shadow:0 10px 24px rgba(6,38,63,.13)}
.te-sb__imgwrap{display:flex;align-items:center;justify-content:center;height:92px;background:linear-gradient(180deg,#F6FAFD,#EDF4FA);border-radius:10px;overflow:hidden;margin-bottom:8px}
.te-sb__imgwrap img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.te-sb__name{font-size:12px;font-weight:700;color:#122334;line-height:1.25;margin-bottom:6px}
.te-sb__name b{color:#0E4D73;font-weight:900}
.te-sb__meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.te-sb__cps{font-size:10.5px;font-weight:800;color:#0E4D73;background:#E7F1FA;border-radius:6px;padding:2px 6px}
.te-sb__type{font-size:10.5px;font-weight:700;color:#5A6B78}
.te-sb__card.is-cur{border-color:#F5A623;background:linear-gradient(180deg,#FFF7E8,#fff);pointer-events:none}
.te-sb__cur{position:absolute;top:8px;right:8px;z-index:2;background:#F5A623;color:#3A2400;font-size:9.5px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;padding:3px 7px;border-radius:20px;box-shadow:0 2px 6px rgba(6,38,63,.2)}
@media (max-width:560px){.te-sb__grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.te-sb__imgwrap{height:78px}.te-sb__card{border-radius:12px}}

/* ══ v66 (8. 7. 2026): .te-mx — kompaktní MATICE Barva × Hustota (cP) pro Starbond CA lepidla.
   Náhrada velkého .te-sb rozcestníku. Renderuje te-detail.js (v13) na <div id="te-mx" data-family="starbond-glue">. ══ */
.te-mx{font-family:'Inter',system-ui,sans-serif;max-width:600px;margin:16px 0;border:1px solid #E2EAF1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(6,38,63,.07)}
.te-mx__hd{padding:13px 16px;background:linear-gradient(150deg,#0E4D73,#06263F);color:#fff}
.te-mx__hd b{font-size:14.5px;font-weight:800;letter-spacing:.2px}
.te-mx__hd span{display:block;font-size:11.5px;color:#B8CFDE;margin-top:2px}
.te-mx__scroll{overflow-x:auto}
.te-mx__tbl{width:100%;border-collapse:collapse}
.te-mx__tbl th,.te-mx__tbl td{border:1px solid #EEF3F8}
.te-mx__tbl thead th{background:#F3F8FC;padding:8px 5px;font-weight:800;font-size:13px;color:#06263F;white-space:nowrap}
.te-mx__tbl thead th small{display:block;font-weight:600;font-size:10px;color:#5A6E80;letter-spacing:.3px}
.te-mx__cnr{background:#fff !important;border:none !important}
.te-mx__rh{background:#F3F8FC;padding:9px 12px;font-weight:800;font-size:13px;color:#06263F;text-align:left;white-space:nowrap}
.te-mx__sw{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:7px;vertical-align:-2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.te-mx__sw--clear{background:linear-gradient(135deg,#fff 0 50%,#E1E9F0 50% 100%)}
.te-mx td{padding:0}
.te-mx td a{display:block;padding:12px 6px;font-size:12.5px;font-weight:800;color:#0E4D73;text-decoration:none;transition:background .15s,color .15s}
.te-mx td a b{font-weight:800}
.te-mx td a small{display:block;font-weight:600;font-size:9.5px;color:#5A6E80;margin-top:1px}
.te-mx td a:hover{background:#EAF6FB}
.te-mx td.is-cur{background:#F5A623}
.te-mx td.is-cur a,.te-mx td.is-cur a small{color:#06263F}
.te-mx__empty{display:block;padding:12px 6px;color:#CBD5DF;font-weight:700}
.te-mx__foot{padding:10px 16px;font-size:12px;color:#5A6E80;border-top:1px solid #EEF3F8;background:#FAFCFE}
.te-mx__foot a{color:#0E4D73;font-weight:700;text-decoration:none;border-bottom:1px dotted #35C3E8}
.te-mx__foot a:hover{border-bottom-style:solid}
@media(max-width:560px){.te-mx__tbl{min-width:520px}}

/* ══ v67 (8. 7. 2026): .te-sb-extra — patička „speciály / urychlovače" pod výběrová pole Starbond (renderStarbond v24). ══ */
.te-sb-extra{font-family:'Inter',system-ui,sans-serif;margin:9px 2px 0;font-size:12px;color:#5A6E80;line-height:1.8;max-width:560px}
.te-sb-extra__l{font-weight:800;color:#0E4D73;margin-right:6px}
.te-sb-extra a{color:#0E4D73;text-decoration:none;border-bottom:1px dotted #35C3E8}
.te-sb-extra a:hover{border-bottom-style:solid}
.te-sb-extra__sep{margin:0 7px;color:#B9C6D2}

/* ══ v68 (8. 7. 2026): .te-sbp — Starbond výběr PILULKY (Barva + Hustota), prototyp A. Renderuje renderStarbond v26. ══ */
.te-sbp{font-family:'Inter',system-ui,sans-serif;max-width:600px;margin:14px 0 6px}
.te-sbp__row{margin:0 0 14px}
.te-sbp__row:last-child{margin-bottom:0}
.te-sbp__lbl{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#5A6E80;margin:0 0 8px}
.te-sbp__pills{display:flex;flex-wrap:wrap;gap:9px}
.te-sbp-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;border:1.5px solid #D9E6F0;background:#fff;font-size:13.5px;font-weight:700;color:#0E4D73;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,transform .1s;user-select:none;font-family:inherit}
.te-sbp-pill:hover{border-color:#35C3E8}
.te-sbp-pill:active{transform:translateY(1px)}
.te-sbp-pill.is-sel{background:linear-gradient(150deg,#0E4D73,#06263F);border-color:#0E4D73;color:#fff;cursor:default}
.te-sbp-pill__sw{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);flex:none}
.te-sbp-pill--vis{flex-direction:column;align-items:flex-start;gap:0;padding:8px 15px;line-height:1.25}
.te-sbp-pill--vis .code{font-size:10px;font-weight:800;color:#F5A623;letter-spacing:.3px}
.te-sbp-pill--vis b{font-size:14.5px;font-weight:900}
.te-sbp-pill--vis small{font-size:10.5px;font-weight:600;color:#5A6E80}
.te-sbp-pill--vis.is-sel small{color:#B8CFDE}

/* ══ v109 (15. 7. 2026): .te-wkc — Walrus Kitchen Care rozcestník (renderWalrus, te-detail.js v30).
   BEZ panelu/rámečku — karty volně plovoucí (přirozenější). HORIZONTÁLNÍ karta (fotka vlevo, text vpravo)
   v responzivní mřížce. Modrá WOW paleta (#0E4D73 + #35C3E8). Bez odznaku/note. ══ */
.te-wkc{font-family:'Inter',system-ui,sans-serif;max-width:660px;margin:14px 0 6px}
.te-wkc__lbl{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#5A6E80;margin:0 0 10px}
.te-wkc__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px}
.te-wkc-card{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1.5px solid #D9E6F0;border-radius:12px;background:#fff;text-decoration:none;color:#0E4D73;transition:border-color .15s,box-shadow .15s,transform .12s}
.te-wkc-card:hover{border-color:#35C3E8;box-shadow:0 4px 12px rgba(14,77,115,.12);transform:translateY(-1px)}
.te-wkc-card.is-sel{border:2px solid #0E4D73;box-shadow:0 0 0 3px rgba(53,195,232,.18);cursor:default}
.te-wkc-card.is-sel:hover{transform:none}
.te-wkc-card__img{flex:none;width:46px;height:46px;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.te-wkc-card__txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.te-wkc-card__name{font-size:12.5px;font-weight:800;line-height:1.18;color:#0E4D73}
.te-wkc-card__role{font-size:10.5px;font-weight:600;color:#5A6E80;line-height:1.2}
/* v141 (4. 11. 2026, te-detail v47 — přepínače Howard): barevný indikátor na kartě (x.dot); mobil 2 karty vedle sebe (obrázek vlevo, text vpravo).
   v142 (4. 11. 2026, te-detail v48 — Tomáš: „stejné rozměry pro stejný funkční prvek", „lepší využití místa"): JEDNOTNÁ VÝŠKA karet všech
   přepínačů (název i role max. 3 řádky, v jednom přepínači stejné řádky; min. výška od v143 56 / mobil 52 px), přepínač až 760 px (nejvýš 3 karty vedle sebe —
   4 byly moc úzké, Tomáš), na stránkách produktu s odstíny (Restor-A-Finish) nahoře jen PANEL ODSTÍNŮ .te-wkc-shp (bez karty produktu — jsme na něm)
   a pod ním vždy 2 karty vedle sebe (.te-wkc--sh). */
.te-wkc{max-width:760px;container-type:inline-size}
.te-wkc__row{grid-auto-rows:1fr;gap:6px}
.te-wkc-card{min-height:56px;box-sizing:border-box;padding:7px 12px 7px 9px;gap:10px;border-width:1px}   /* v143: kompaktní (92 px bylo moc — Tomáš) */
.te-wkc-card.is-sel{border-width:2px;padding:6px 11px 6px 8px}
.te-wkc-card__img{width:40px;height:40px}
.te-wkc-card__name,.te-wkc-card__role{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.te-wkc-card__name{-webkit-line-clamp:3}
.te-wkc-card__role{-webkit-line-clamp:3}
.te-wkc-card__ph{position:relative;flex:none;display:inline-flex}
.te-wkc-card__dot{position:absolute;right:-6px;bottom:-4px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(6,38,63,.45),0 2px 4px rgba(0,0,0,.25)}
.te-wkc-card--dot,.te-wkc-card--dot.is-sel{border-left:6px solid var(--dot);padding-left:9px}
.te-wkc-shp{display:flex;flex-direction:column;gap:8px;margin:0 0 6px;padding:10px 12px;border:1px solid #D9E6F0;border-radius:12px;background:#fff}
.te-wkc-sw__lbl{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#5A6E80}
.te-wkc-sw__lbl b{color:#0E4D73;text-transform:none;letter-spacing:0;font-size:13px}
.te-wkc-sw__row{display:grid;grid-template-columns:repeat(9,minmax(0,38px));gap:6px}
.te-wkc-sw__it{display:block;box-sizing:border-box;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px #D9E6F0;transition:transform .15s,box-shadow .15s}
.te-wkc-sw__it img{display:block;width:100%;height:100%;object-fit:cover}
a.te-wkc-sw__it:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #35C3E8,0 3px 8px rgba(14,77,115,.18)}
.te-wkc-sw__it.is-cur{box-shadow:0 0 0 2.5px #0E4D73}
.te-wkc--sh .te-wkc__row{grid-template-columns:1fr 1fr}   /* pod panelem odstínů vždy 2 karty vedle sebe (Tomáš) */
@media(max-width:767px){
  .te-wkc__row{grid-template-columns:1fr 1fr;gap:6px}
  .te-wkc-card{gap:8px;padding:7px 8px 7px 7px;min-height:52px}
  .te-wkc-card.is-sel{padding:6px 7px 6px 6px}
  .te-wkc-card__img{width:34px;height:34px}
  .te-wkc-card__name{font-size:12px}
  .te-wkc-card__role{font-size:10px}
  .te-wkc-card--dot{padding-left:6px}
  .te-wkc-shp{padding:9px 10px}
  .te-wkc-sw__row{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
}

/* v128: te-detail v33 — REÁLNÉ FOTKY vzorků v přepínačích odstínů (.te-dd__ph = mini 80×80 z FTP mini/) */
.te-dd__ph{width:30px;height:30px;border-radius:7px;object-fit:cover;flex:0 0 auto;border:1px solid rgba(6,38,63,.18);box-shadow:0 1px 3px rgba(6,38,63,.12)}
.te-dd__btn .te-dd__ph--cur{width:26px;height:26px}
.te-dd__opt .te-dd__ph{margin-right:2px}