/* DREAMY konfigurátor variant — nahrát jako soubor do Shoptetu
   (Soubory / správce souborů). Po změně zvyš ?v= v Záhlaví!    */

/* ---------- bílé pozadí produktových stránek ---------- */
body.type-product,
body.type-product #content-wrapper,
body.type-product #content,
body.type-product .content{background:#fff}

/* ---------- skrytí oddělovacích čar na detailu produktu ---------- */
body.type-product #product-detail-form .detail-parameters,
body.type-product #product-detail-form .detail-parameters tr,
body.type-product #product-detail-form .detail-parameters th,
body.type-product #product-detail-form .detail-parameters td{border:0 !important}
body.type-product .p-detail-info,
body.type-product .p-detail-info > div,
body.type-product .p-info-wrapper,
body.type-product .p-data-wrapper,
body.type-product .p-final-price-wrapper,
body.type-product .add-to-cart-wrapper{border:0 !important}
body.type-product .p-detail hr,
body.type-product .p-detail-inner hr{display:none}
body.type-product .p-thumbnails,
body.type-product .p-thumbnails-wrapper,
body.type-product .p-image-wrapper{border:0 !important}
body.type-product .shp-tabs-holder,
body.type-product .shp-tabs-wrapper,
body.type-product .shp-tabs{border-bottom:0 !important;box-shadow:none !important}

/* skryj nativní selecty variant — zůstávají v DOM a funkční */
#product-detail-form select[data-parameter-id],
#product-detail-form select[name="variantId"],
#product-detail-form select.variant-selectbox{display:none !important}

/* ---------- label parametru (Šířka / Délka / Tuhost) ---------- */
body.type-product #product-detail-form .detail-parameters th,
body.type-product #product-detail-form .p-variants-block th{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#8a8792;vertical-align:middle;padding-right:18px}

/* ---------- chipy ---------- */
.db2bcfg-chips{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 4px}
.db2bcfg-chip{
  min-width:64px;text-align:center;
  background:#fff;border:1px solid #e3e1e7;border-radius:12px;
  box-shadow:0 1px 3px rgba(20,17,24,.07);
  padding:13px 20px;font-size:15px;font-weight:700;line-height:1.1;
  color:#141118;font-family:inherit;cursor:pointer;
  transition:border-color .13s,box-shadow .13s,background .13s,color .13s}
.db2bcfg-chip:hover{border-color:#141118;box-shadow:0 2px 6px rgba(20,17,24,.12)}
.db2bcfg-chip.is-active{background:#141118;border-color:#141118;color:#fff;box-shadow:0 2px 6px rgba(20,17,24,.25)}
.db2bcfg-chip.is-off{
  background:#fafafb;border-color:#eceaef;box-shadow:none;
  color:#c2bfc8;text-decoration:line-through;cursor:not-allowed}
.db2bcfg-chip:focus-visible{outline:2px solid #141118;outline-offset:2px}

/* ---------- pojistka proti stylům šablony ----------
   Šablona Dreamy barví všechna tlačítka ve formuláři produktu tyrkysově (pozadí, bílý text,
   padding 0 45px) → bez !important by chipy vypadaly jako tyrkysová tlačítka. */
#product-detail-form .db2bcfg-chips .db2bcfg-chip{
  min-width:64px !important;height:auto !important;min-height:0 !important;
  background:#fff !important;border:1px solid #e3e1e7 !important;border-radius:12px !important;
  box-shadow:0 1px 3px rgba(20,17,24,.07) !important;
  padding:13px 20px !important;margin:0 !important;
  font-family:inherit !important;font-size:15px !important;font-weight:700 !important;line-height:1.1 !important;
  color:#141118 !important;text-transform:none !important;letter-spacing:normal !important}
#product-detail-form .db2bcfg-chips .db2bcfg-chip:hover{border-color:#141118 !important;box-shadow:0 2px 6px rgba(20,17,24,.12) !important}
#product-detail-form .db2bcfg-chips .db2bcfg-chip.is-active{background:#141118 !important;border-color:#141118 !important;color:#fff !important;box-shadow:0 2px 6px rgba(20,17,24,.25) !important}
#product-detail-form .db2bcfg-chips .db2bcfg-chip.is-off{background:#fafafb !important;border-color:#eceaef !important;box-shadow:none !important;color:#c2bfc8 !important;text-decoration:line-through !important;cursor:not-allowed !important}

/* ---------- v2: chipy v růžové Dreamy ---------- */
#product-detail-form .db2bcfg-chips .db2bcfg-chip { border-color: #f0d3e2 !important; }
#product-detail-form .db2bcfg-chips .db2bcfg-chip:hover { border-color: #d90074 !important; color: #d90074 !important; box-shadow: 0 2px 8px rgba(217,0,116,.15) !important; }
#product-detail-form .db2bcfg-chips .db2bcfg-chip.is-active,
#product-detail-form .db2bcfg-chips .db2bcfg-chip.is-active:hover { background: #d90074 !important; border-color: #d90074 !important; color: #fff !important; box-shadow: 0 6px 14px -6px rgba(217,0,116,.55) !important; }
#product-detail-form .db2bcfg-chips .db2bcfg-chip:focus-visible { outline-color: #d90074 !important; }

/* ---------- v3: doplněk „Propojení produktů" (velikosti jako samostatné produkty) ---------- */
.c-product-interconnection-detail-params select{display:none !important}
.c-product-interconnection-detail-params{display:block !important;margin:0 0 12px !important;padding:0 !important;border:0 !important}
.c-product-interconnection-detail-params__type{display:block !important;margin:0 0 7px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em;text-transform:uppercase;color:#8a8792 !important;line-height:1.2 !important}
#product-detail-form .db2bcfg-chips a.db2bcfg-chip{display:inline-flex !important;align-items:center;justify-content:center;text-decoration:none !important}
/* v4 — řádek „Rozměr" doplňku zarovnat vlevo (doplněk ho má jako flex s mezerou mezi popiskem a výběrem) */
#product-detail-form .c-product-interconnection-detail-params.is-template--Classic,
#product-detail-form .c-product-interconnection-detail-params{display:block !important;text-align:left !important;justify-content:flex-start !important}
#product-detail-form .c-product-interconnection-detail-params .c-product-interconnection-detail-params__type{text-align:left !important;float:none !important;width:auto !important}

/* v5 — chipy bez tučného písma; bez dvojitého rámečku po kliknutí myší */
#product-detail-form .db2bcfg-chips .db2bcfg-chip { font-weight: 400 !important; }
#product-detail-form .db2bcfg-chips .db2bcfg-chip.is-active { font-weight: 500 !important; }
#product-detail-form .db2bcfg-chips .db2bcfg-chip:focus:not(:focus-visible) { outline: none !important; }