/* ============================================================
   fk-splitvar-1.css — firemnikrabicky.cz
   Oprava výběru variant u produktů s ROZDĚLENÝMI variantami
   (2+ parametry, vynucené příplatkovým gravírováním).
   Redesign (fk-product) staví pilulky jen z jednoho <select>;
   split parametry (obrázkové dlaždice) nechával 0×0 a schované
   uvnitř .p-detail{display:none}. Modul fk-splitvar-1.js je
   PŘESUNE do našeho viditelného kupního bloku; tohle je styl.
   Postihuje jen 4 produkty (nástěnné dekorace Sněžka/Praděd/
   Lysá hora + svatební srdíčka se jménem). Jinde se nespustí.
   Do Záhlaví jako <link>. Tokeny (--forest…) dědí z hlavního motivu.
   ============================================================ */
.fk-splitvar{display:flex;flex-direction:column;gap:17px;margin-bottom:18px}
.fk-splitvar-group{margin:0}

/* štítek parametru = stejný jako .fk-var-label u pilulek */
.fk-sv-label{font-size:13.5px;font-weight:700;letter-spacing:.01em;color:var(--wood-dk);
  margin-bottom:9px;display:flex;justify-content:space-between;align-items:baseline}
.fk-sv-label .fk-sv-req{color:var(--stock-out,#C0392B);font-weight:700;margin-left:2px}
.fk-sv-label .fk-sv-val{color:var(--forest);font-weight:600;font-size:13px}

/* kontejner nativních dlaždic (přesunutý blok .hidden-split-parameter) */
.fk-splitvar .hidden-split-parameter{display:flex!important;flex-wrap:wrap;gap:9px}
/* skrytý nativní „Zvolte variantu" default radio (bareback span) */
.fk-splitvar .hidden-split-parameter>span{display:none!important}

/* jednotlivá klikací dlaždice varianty */
.fk-splitvar .advanced-parameter{display:inline-flex!important;flex-direction:column;align-items:center;
  justify-content:flex-start;width:auto!important;min-width:92px;max-width:150px;height:auto!important;
  min-height:0!important;margin:0!important;padding:9px 11px;border:1.5px solid var(--line,#d9d2c2);
  border-radius:12px;cursor:pointer;overflow:visible!important;background:#fff;
  transition:border-color .18s var(--ease,ease),background .18s var(--ease,ease);text-align:center;
  font-size:12.5px;line-height:1.25;color:var(--forest,#1A2B1C)}
.fk-splitvar .advanced-parameter:hover{border-color:var(--wood,#816645)}
.fk-splitvar .advanced-parameter.fk-sv-on{border-color:var(--forest,#1A2B1C);background:var(--cream,#E6DFCD);font-weight:700}
.fk-splitvar .advanced-parameter>span{display:block!important;width:auto!important;height:auto!important}
.fk-splitvar .advanced-parameter img{display:block!important;width:74px!important;height:74px!important;
  object-fit:contain;margin:0 auto 6px;border-radius:8px}
.fk-splitvar .advanced-parameter .parameter-value{display:block!important;font-size:12.5px!important;
  text-align:center;color:inherit;line-height:1.25}
/* nativní radio schované, klik obstará label */
.fk-splitvar .advanced-parameter input[type=radio]{position:absolute!important;opacity:0!important;
  width:0!important;height:0!important;pointer-events:none}

/* flash při pokusu přidat do košíku bez výběru */
@keyframes fk-sv-flash{0%,100%{border-color:var(--line,#d9d2c2)}30%,70%{border-color:var(--stock-out,#C0392B)}}
.fk-splitvar-group.fk-sv-flash .advanced-parameter{animation:fk-sv-flash .5s}

@media(max-width:600px){
  .fk-splitvar .advanced-parameter{min-width:78px;padding:8px 9px}
  .fk-splitvar .advanced-parameter img{width:60px!important;height:60px!important}
}