/*************************************************
 * WIZARDO – KOŠÍK + CHECKOUT (FV Studio dárky + čistý design)
 * v1.5.1
 *   [v1.5.1] věrnostní karty v košíku/checkoutu sjednoceny 1:1
 *   s produktovou stránkou (#faf7f1 / #ece3d3 / 14px / text 12px)
 *   – ověřeno živou inspekcí computed stylů.
 *   [v1.5.0] dárkové obrázky čtvercové se zaoblením + karty bílé
 *   (sjednoceno s produktovou str.); doprava/platba zpět nativní
 *   (bez orámování); selecty mají zase šipku; kupón pole+tlačítko
 *   na jeden řádek; tlačítko „Zpět" vystředěné; nadpis „Potřebujete
 *   pomoc?" skryt jednotně; progress bary bez stínu; věrnostní bez fialové.
 *   [v1.4.0] levý sloupec zpět jeden bílý blok (i s krokovačem),
 *   doprava/platba: nevybrané bílé bez orámování, vybrané béžové
 *   (bez fialové). Menší text dodatku u dárku. Tablet krokovač:
 *   vlastní override odebrán (pod 992px funguje nativní layout).
 *   Věrnostní program přes reálné třídy (.card.elevation-0…).
 * - jednotná kartička pro "Váš dárek"
 * - hezké karty pro výběr dárků (grid)
 * - krokovač, pozadí, levá/pravá karta, progress bary
 * - [v1.2.0] ČISTÝ CHECKOUT: sjednoceno s produktovou stránkou,
 *   PLOCHÉ povrchy bez stínů, vybraný stav = jemné fialové
 *   zvýraznění, čisté řádky dopravy/platby, čitelný věrnostní
 *   box, slevový kupón v souhrnu (krok 1), sticky souhrn.
 *   → sekce „=== ČISTÝ CHECKOUT ===" na konci souboru.
 * - Progress bary (doprava + dárek) ponechány atraktivní
 *   (gradient + hvězda) dle živé verze.
 * Pozn.: přesun kupónu do souhrnu obstarává wizardo-checkout-polish.js
 *************************************************/

/* ================================================
   0) PALETA A TOKENY (jediné místo pro barvy)
   ================================================ */
:root {
  --wz-purple:        #503373;  /* primární akce */
  --wz-purple-dark:   #3d275a;  /* hover primární */
  --wz-purple-tint:   #f6f3fb;  /* jemný fialový podklad vybraného řádku */
  --wz-card-border:   #e6e3ea;  /* rámeček karet (jako produktová stránka) */
  --wz-gold:          #a17c1f;  /* sekundární akce (kontrast s bílým textem ~4,6:1) */
  --wz-gold-dark:     #876612;  /* hover sekundární */
  --wz-gold-accent:   #c69a41;  /* zlatý akcent (rámečky aktivních karet) */
  --wz-beige-bg:      #faf7f1;  /* podklad karet */
  --wz-beige-active:  #fff9eb;  /* aktivní karta */
  --wz-border:        #e6dacb;  /* rámeček karet */
  --wz-border-input:  #ded2c3;  /* rámeček polí (jako quantity pilulka) */
  --wz-ink:           #222222;  /* tmavý text */

  --wz-radius:        16px;     /* velké karty */
  --wz-radius-md:     12px;     /* karty dopravy/platby */
  --wz-radius-btn:    10px;     /* tlačítka + pole (shodné s add-to-cart na detailu) */

  --wz-shadow-card:   0 14px 30px rgba(0, 0, 0, 0.04);
  --wz-shadow-active: 0 0 0 1px rgba(198, 154, 65, 0.35), 0 18px 36px rgba(0, 0, 0, 0.10);
  --wz-ring-focus:    0 0 0 3px rgba(80, 51, 115, 0.18);
}

/* ================================================
   1) JEDEN DÁREK – blok "Váš dárek"
   (wrapperOrderGift – .fvstudio-delivery-info-single-gift)
   ================================================ */

   body.id--9 .fvstudio-delivery-info-single-gift {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 14px 18px;
    border-radius: 14px;
    border: 1px solid #e6e3ea;
    background: #fff;
    max-width: 420px;
    box-sizing: border-box;
  }

  /* obrázek dárku v mini kartě – čtverec se zaoblením (jako produktová str.) */
  body.id--9 .fvstudio-delivery-info-single-gift .free-gifts-img {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
  
  body.id--9 .fvstudio-delivery-info-single-gift .free-gifts-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  
  /* text dárku */
  body.id--9 .fvstudio-delivery-info-single-gift .free-gift-label {
    display: block;
  }
  
  body.id--9 .fvstudio-delivery-info-single-gift .free-gift-name {
    font-weight: 600;
    font-size: 0.95rem;
  }
  
  /* ================================================
     2) VÝBĚR Z VÍCE DÁRKŮ – UL.free-gifts
     ================================================ */
  
  /* kontejner se seznamem dárků */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  /* jedna karta dárku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
    list-style: none;
    flex: 1 1 calc(33.333% - 16px);
    min-width: 220px;
    /*padding: 12px 16px;*/
    border-radius: 14px;
    border: 1px solid #e6e3ea;
    background: #fff;
    cursor: pointer;
    box-sizing: border-box;
    align-content: center;
    transition:
      border-color 0.15s ease,
      box-shadow 0.15s ease,
      transform 0.12s ease,
      background-color 0.15s ease;
  }
  @media (min-width: 767px) {
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
  max-width: 220px;
}
}
  /* Roztahnutí progress bar dárek
  .cart-content .extra.delivery, .cart-content .extra.discount, .cart-content .extra.gift {
    display: flow !important;
  }*/
    /* Roztahnutí progress bar dárek*/
  .cart-content .extra.discount, .cart-content .extra.gift {
    display: flow !important;
  }
  /* obsah karty – obrázek + text v řádku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li label {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  
  /* obrázek v kartě – čtverec se zaoblením (jako produktová str.) */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gifts-img {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gifts-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
  }
  
  /* název dárku */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li .free-gift-name {
    line-height: 1.4;
  }
  
  /* hover efekt */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li:hover {
    border-color: #c69a41;
    transform: translateY(-1px);
  }

  /* aktivně vybraný dárek (zlatý rámeček, bez stínu) */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li.active {
    border-color: #c69a41;
    border-width: 1.5px;
    background: #fff9eb;
  }
  
  /* radio inputy schovat – klikatelná je celá karta */
  body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  
  /* mobil – karty přes celou šířku, pod sebou */
  @media (max-width: 767px) {
    body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts > li {
      flex: 1 1 100%;
      min-width: 0;
    }
  }
  
  /* ================================================
     3) Drobnosti – schování původního tlačítka Změnit
     (pokud nechceš, klidně tenhle blok smaž)
     ================================================ */
  body.id--9 .cart-summary .free-gift-trigger {
    display: none !important;
  }

  /* 🔧 Fix layoutu karet dárků – stejná šířka všech řad */

/* Zrušit starý after z FV pluginu, který zabírá zbytek řádku */
body.id--9 .cart-summary .free-gifts-wrapper ul.free-gifts::after {
    content: none !important;
    display: none !important;
  }
  
/* WIZARDO – rozložení karet dárků (FV Studio override) */

/* Desktop / tablet – 2 karty vedle sebe */
body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts,
body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px; /* mezera mezi kartami */
}

body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts > li,
body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts > li {
  box-sizing: border-box;
  flex: 1 1 calc(33.333% - 16px) !important; /* 3 sloupce */
  margin: 0;                           /* zruší staré marginy */
}

/* Mobil – 1 karta v řádku přes celou šířku */
@media (max-width: 767px) {
  body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts,
  body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts {
    display: block;
  }

  body.id--9 .ordering-process.id--9 .free-gifts-wrapper ul.free-gifts > li,
  body.id--9 .content-window.cart-window .free-gifts-wrapper ul.free-gifts > li {
    width: 100% !important;
    margin: 0 0 16px 0;
  }
}

.cart-content .extras-wrapper {
    max-width: 100% !important;
}

@media (max-width: 767px) {
    .ordering-process.id--9 [id~=free-gift-wrapper] ul li, .ordering-process.id--9 [class~=free-gifts-wrapper] ul li, .content-window.cart-window [class~=free-gifts-wrapper] ul li {
        margin: 0 0 5px !important;
    }
}
@media only screen and (max-width: 767px) {
    .cart-content .free-gift .free-gifts-wrapper {
        margin-right: 0px !important;
    }
}

/* Titulek Dárky a slevy h4 -> h2.h4*/
body.id--9 .cart-summary > h2.h4,
.ordering-process.id--9 .cart-summary > h2.h4 {
  visibility: visible !important;
  display: block !important;
  margin-top: 45px !important;
  margin-bottom: 15px !important;
  font-size: 1.3em !important;
  font-weight: 500 !important;
  text-transform: none !important;
  }
  /* Obrázek dopravy */
  .cart-content .extra.delivery::before {
    background-image: url("/user/documents/upload/codes/cart/doprava-zdarma-wizardo.png");
    width: 55px !important;
    height: 55px !important;
    background-size: 55px !important;
  }
  .cart-content .extra.gift::before {
    background-image: url("/user/documents/upload/codes/cart/darky-zdarma-wizardo.png");
    opacity: 1 !important;
    width: 55px !important;
    height: 55px !important;
    background-size: 55px !important;
}
/* =========================================
   WIZARDO – vzhled progress barů v „Dárky a slevy“
   (doprava + dárek)
   ========================================= */

/* Track – šedý zaoblený podklad */
body.id--9 .cart-summary .extra .price-range,
body.in-krok-1 .extra.delivery .price-range,
body.in-kosik .extra.delivery .price-range,
body.in-krok-2 .extra.delivery .price-range,
body.in-krok-3 .extra.delivery .price-range,
body.in-kosik .extra.gift .price-range,
body.in-krok-1 .extra.gift .price-range,
body.in-krok-2 .extra.gift .price-range,
body.in-krok-3 .extra.gift .price-range {
  position: relative;
  width: 100%;
  height: 14px;
  margin-top: 12px;
  border-radius: 999px;
  background: #e7e4df !important; /* světlá béžová */
  overflow: visible;              /* ať může hvězda přesahovat */
}

/* Výplň – gradient Wizardo (fialová → zlatá) */
body.in-kosik .cart-summary .extra .price-range > div,
body.in-kosik .extra.delivery .price-range > div,
body.in-krok-1 .extra.delivery .price-range > div,
body.in-krok-2 .extra.delivery .price-range > div,
body.in-krok-3 .extra.delivery .price-range > div,
body.in-kosik .extra.gift .price-range > div,
body.in-krok-1 .extra.gift .price-range > div,
body.in-krok-2 .extra.gift .price-range > div,
body.in-krok-3 .extra.gift .price-range > div {
  position: relative;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    #8a65c7 0%,
    #b08acb 30%,
    #d6b07a 70%,
    #e5c16b 100%
  ) !important;                    /* přepíše zelenou z extension_wizardo.css */
  transition: width 0.35s ease-out;
}

/* ⭐ Hvězdička – STEJNĚ jako u dárku (doprava + dárek) */
body.in-kosik .cart-summary .extra .price-range > div::after,
body.in-kosik #fvstudio-delivery-info .extra.delivery .price-range > div::after,
body.in-krok-1 .extra.delivery .price-range > div::after,
body.in-krok-2 .extra.delivery .price-range > div::after,
body.in-krok-3 .extra.delivery .price-range > div::after {
  content: url("/user/documents/upload/codes/cart/hvezdicka-wizardo.png");
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
  z-index: 2;
  filter:
    drop-shadow(0 0 4px rgba(255,255,255,.9))
    drop-shadow(0 0 6px rgba(255,255,255,.7));
}

/* Nadpis Dárky a slevy */
body.id--9 .cart-summary > h4 {
  display: block !important;
  font-size: 1.3em !important;
  font-weight: 500 !important;
}
.ordering-process.id--9 .extras-wrapper .extras-col+.extras-col, .content-window.cart-window .extras-wrapper .extras-col+.extras-col {
  margin-top: 0px !important;
}
/* Skryje fv-upsell */
.fvDoplnek-upsell {
  display: none !important;
}

.cart-content .extra.delivery strong, .cart-content .extra.discount strong, .cart-content .extra.gift strong
 {
  font-weight: bolder !important;
  color: #222222 !important;
}
/* ---------------------------------------------
   KROKOVAČ (Rubin – jen barvy, layout necháme)
   --------------------------------------------- */
/* aktivní krok – text */
body.in-kosik  .cart-header li.active span,
body.in-krok-1 .cart-header li.active span,
body.in-krok-2 .cart-header li.active span,
body.in-krok-3 .cart-header li.active span {
  color: #4c2b63 !important;
}

/* neaktivní kroky – jemná šedobéžová */
body.in-kosik  .cart-header li:not(.active) span,
body.in-krok-1 .cart-header li:not(.active) span,
body.in-krok-2 .cart-header li:not(.active) span,
body.in-krok-3 .cart-header li:not(.active) span {
  color: #7d7264 !important;
}

/* kolečka kroků – jen barvy, ikony necháváme z Rubinu */
body.in-kosik  .cart-header li span::before,
body.in-krok-1 .cart-header li span::before,
body.in-krok-2 .cart-header li span::before,
body.in-krok-3 .cart-header li span::before {
  background: #f5f1ea !important;
  border-color: #d0c3ae !important;
}

/* aktivní kolečko – fialové */
body.in-kosik  .cart-header li.active span::before,
body.in-krok-1 .cart-header li.active span::before,
body.in-krok-2 .cart-header li.active span::before,
body.in-krok-3 .cart-header li.active span::before {
  background: #4c2b63 !important;
  border-color: #4c2b63 !important;
}

/* zrušíme podtržení pod krokem */
body.in-kosik  .cart-header li a,
body.in-kosik  .cart-header li strong,
body.in-krok-1 .cart-header li a,
body.in-krok-1 .cart-header li strong,
body.in-krok-2 .cart-header li a,
body.in-krok-2 .cart-header li strong,
body.in-krok-3 .cart-header li a,
body.in-krok-3 .cart-header li strong {
  border-bottom: none !important;
}

/* a i spodní linku pod celým krokovačem */
body.in-kosik  .cart-header,
body.in-krok-1 .cart-header,
body.in-krok-2 .cart-header,
body.in-krok-3 .cart-header {
  border-bottom: none !important;
  margin-bottom: 1.25rem;
  background: transparent !important;
}

/* -------------------------------------------------
   KROKOVAČ – mobilní layout
   ------------------------------------------------- */
   @media (max-width: 767px) {

    /* celý krokovač do řádku + čára jako background */
    body.in-kosik  .cart-header,
    body.in-krok-1 .cart-header,
    body.in-krok-2 .cart-header,
    body.in-krok-3 .cart-header {
      position: relative;
      display: flex !important;
      align-items: center;
      justify-content: space-between;
      padding: 0px 20px 0px 0px;
      margin-bottom: 1.25rem !important;
      border-bottom: none !important;
  
      background:
      linear-gradient(#d0c3ae, #d0c3ae)
      center 22px / calc(100% - 80px) 4px
      no-repeat !important;
  
    }
  
    /* jednotlivé kroky */
    body.in-kosik  .cart-header li,
    body.in-krok-1 .cart-header li,
    body.in-krok-2 .cart-header li,
    body.in-krok-3 .cart-header li {
      flex: 1 1 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
    }
  
    /* body.in-kosik  .cart-header li a,
    body.in-krok-1 .cart-header li a,
    body.in-krok-2 .cart-header li a,
    body.in-krok-3 .cart-header li a,
    body.in-kosik  .cart-header li strong,
    body.in-krok-1 .cart-header li strong,
    body.in-krok-2 .cart-header li strong,
    body.in-krok-3 .cart-header li strong {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: none !important;
    }*/
  
    /* kolečka – jen layout (barvy a čísla máš výš v CSS) */
    body.in-kosik  .cart-header li span::before,
    body.in-krok-1 .cart-header li span::before,
    body.in-krok-2 .cart-header li span::before,
    body.in-krok-3 .cart-header li span::before {
      width: 26px;
      height: 26px;
      line-height: 26px;
      border-radius: 50%;
      margin: 0;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
  
    /* jistota – žádné jiné čáry na li */
    body.in-kosik  .cart-header li::before,
    body.in-krok-1 .cart-header li::before,
    body.in-krok-2 .cart-header li::before,
    body.in-krok-3 .cart-header li::before,
    body.in-kosik  .cart-header li::after,
    body.in-krok-1 .cart-header li::after,
    body.in-krok-2 .cart-header li::after,
    body.in-krok-3 .cart-header li::after {
      content: none !important;
    }
  
    /* --- TEXTY KROKŮ --- */
  
    /* defaultně text schovat (jen kolečka) */
    body.in-kosik  .cart-header li span,
    body.in-krok-1 .cart-header li span,
    body.in-krok-2 .cart-header li span,
    body.in-krok-3 .cart-header li span {
      font-size: 0 !important;
      white-space: nowrap;
      margin-left: 0 !important;
    }
  
    /* aktivní krok – text vedle kolečka */
    body.in-kosik  .cart-header li.active span,
    body.in-krok-1 .cart-header li.active span,
    body.in-krok-2 .cart-header li.active span,
    body.in-krok-3 .cart-header li.active span {
      font-size: 14px !important;
      margin-left: 10px !important;  /* odsazení textu */
    }
  
    body.in-kosik  .cart-header li.active span::before,
    body.in-krok-1 .cart-header li.active span::before,
    body.in-krok-2 .cart-header li.active span::before,
    body.in-krok-3 .cart-header li.active span::before {
      margin-right: 10px;            /* mezera kolečko–text */
    }

    /* aktivní text kroku překryje linku bílým pozadím */
    body.in-kosik  .cart-header li.active span,
    body.in-krok-1 .cart-header li.active span,
    body.in-krok-2 .cart-header li.active span,
    body.in-krok-3 .cart-header li.active span {
      position: relative;
      background: #ffffff;   /* barva boxu s krokovačem */
      z-index: 2;
      padding: 0 10px 0 0;
    }
      body.in-kosik .cart-table {
      border-top: 1px solid #dfdfdf !important;
    }
  }
    

/* ---------------------------------------------
   POZADÍ STRÁNKY + WRAPPERY
   --------------------------------------------- */
/* VŠECHNY KROKY KOŠÍKU – stejné pozadí */
body.in-kosik,
body.in-krok-1,
body.in-krok-2,
body.in-krok-3 {
  background: #f5f3ef !important;
}

/* Bílé plátno pryč, aby prosvítalo béžové pozadí */
body.in-kosik #page,
body.in-krok-1 #page,
body.in-krok-2 #page,
body.in-krok-3 #page {
  background: transparent !important;
}

/* Content wrappery – taky béžové */
body.in-kosik #content-wrapper,
body.in-kosik .content-row,
body.in-kosik .content-wrapper,
body.in-kosik .container-wrapper,
body.in-kosik .container.full-width,
body.in-krok-1 #content-wrapper,
body.in-krok-1 .content-row,
body.in-krok-1 .content-wrapper,
body.in-krok-1 .container-wrapper,
body.in-krok-1 .container.full-width,
body.in-krok-2 #content-wrapper,
body.in-krok-2 .content-row,
body.in-krok-2 .content-wrapper,
body.in-krok-2 .container-wrapper,
body.in-krok-2 .container.full-width,
body.in-krok-3 #content-wrapper,
body.in-krok-3 .content-row,
body.in-krok-3 .content-wrapper,
body.in-krok-3 .container-wrapper,
body.in-krok-3 .container.full-width {
  background: #f5f3ef !important;
}

/* Centrovací .container necháme průhledný, ať nedělá bílé pruhy */
body.in-kosik .page-wrapper .container,
body.in-krok-1 .page-wrapper .container,
body.in-krok-2 .page-wrapper .container,
body.in-krok-3 .page-wrapper .container {
  background: transparent !important;
}

/* Hlavička / top bary zůstanou bílé */
body.in-kosik #header,
body.in-kosik .header,
body.in-kosik .header-top,
body.in-kosik .site-header,
body.in-kosik .page-header,
body.in-kosik .top,
body.in-kosik .top-bar,
body.in-krok-1 #header,
body.in-krok-1 .header,
body.in-krok-1 .header-top,
body.in-krok-1 .site-header,
body.in-krok-1 .page-header,
body.in-krok-1 .top,
body.in-krok-1 .top-bar,
body.in-krok-2 #header,
body.in-krok-2 .header,
body.in-krok-2 .header-top,
body.in-krok-2 .site-header,
body.in-krok-2 .page-header,
body.in-krok-2 .top,
body.in-krok-2 .top-bar,
body.in-krok-3 #header,
body.in-krok-3 .header,
body.in-krok-3 .header-top,
body.in-krok-3 .site-header,
body.in-krok-3 .page-header,
body.in-krok-3 .top,
body.in-krok-3 .top-bar {
  background: #ffffff !important;
}

/* ---------------------------------------------
   LEVÝ BLOK – HLAVNÍ OBSAH KOŠÍKU
   (platí pro krok 1, krok 2 i krok 3)
   --------------------------------------------- */

   body.in-kosik .cart-row .col-md-8 > .cart-content,
   body.in-krok-1 .cart-row .col-md-8 > .cart-content,
   body.in-krok-2 .cart-row .col-md-8 > .cart-content {
     background: #ffffff;
     border-radius: 16px;
     padding: 0.75rem;
     border: 1px solid #e6e3ea;
   }
   
   /* -------------------------------
      Ovládání množství – pilulka
      ------------------------------- */
   
   body.in-kosik .cart-table .p-quantity .quantity,
   body.in-krok-1 .cart-table .p-quantity .quantity,
   body.in-krok-2 .cart-table .p-quantity .quantity {
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
     background: #ffffff;
     border-radius: 999px;
     padding: 0.2rem 0.45rem;
     border: 1px solid #ded2c3;
   }
   
   body.in-kosik .cart-table .p-quantity input.amount,
   body.in-krok-1 .cart-table .p-quantity input.amount,
   body.in-krok-2 .cart-table .p-quantity input.amount {
     border: none;
     background: transparent;
     width: 46px;
     text-align: center;
     font-weight: 600;
   }
   
/* Sleváč odsazení */
  .ordering-process.id--9 .extras-wrapper .discount-coupon, .content-window.cart-window .extras-wrapper .discount-coupon {
      margin-top: 20px !important;
  }

  .bonus-mehub-219465 .card {
    border-radius: 14px;
    border: 1px solid #ece3d3;
    background: #faf7f1 !important; /* plochá béžová – bez gradientu, lepší čitelnost */
}
/* Čitelnost textu věrnostního programu (tmavý ink místo světlého) */
.bonus-mehub-219465 .card,
.bonus-mehub-219465 .card .card-title,
.bonus-mehub-219465 .card .card-text,
.bonus-mehub-219465 .card .card-text span,
.bonus-mehub-219465 .mehub-bonus-cart-container .card-text,
.bonus-mehub-219465 .mehub-bonus-checkout-container .card-text {
  color: #1f1a24 !important;
}
/* Věrnostní program */
.bonus-mehub-219465 .mehub-bonus-cart-container .card .card-text {
  padding: 0px 10px 5px 10px !important;
}
.bonus-mehub-219465 .mehub-bonus-cart-container .card::before,
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span::before,
.bonus-mehub-219465 .mehub-bonus-checkout-container h4::before {
  background-image: url("/user/documents/upload/codes/cart/galeon-program-wizardo.png") !important;
}
.content form h4, .content.narrow h4 {
  margin-bottom: 10px !important;
}
/* GALEON BLOK PRODUKT */
/* box s textem a ikonou */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text {
  position: relative;
  padding: 8px 20px 8px 70px; /* vlevo místo pro ikonku */
  font-size: 14px;
}

/* samotný text – necháme ho normálně téct */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span {
  display: block; /* jeden textový blok */
}

/* ikonka vlevo */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text span::before {
  content: "";
  position: absolute;
  left: 10px;           /* odsazení od levého okraje boxu */
  top: 50%;
  transform: translateY(-50%);
  width: 45px !important;
  height: 45px !important;
  /* TODO: doplnit reálnou ikonu (původně tu byl nefunkční base64 placeholder „....") */
  background-image: url("/user/documents/upload/codes/cart/galeon-program-wizardo.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* jistota, že se nic neformátuje do bloků */
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text b,
.bonus-mehub-219465 .mehub-bonus-product-detail-container .card-text a {
  display: inline;
}

/* Pravá karta košík */
.cart-content.summary-wrapper {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e6e3ea;
}
/* Pravá karta krok 1 */
.cart-content {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e6e3ea;
}
/* Krok 2 – Základní údaje objednávky: zarovnání jako ostatní boxy */
body.in-krok-1 #checkoutContent .cart-content .co-basic-information .row,
body.in-krok-2 #checkoutContent .cart-content .co-basic-information .row {
  margin-left: 0;      /* přepíše Bootstrap -10px */
  margin-right: 0;
  max-width: 550px;    /* stejná šířka jako tabulky dopravy/platby */
  margin-inline: auto; /* vystředění */
}
@media only screen and (max-width: 767px) {
.cart-content .order-summary .cart-items { /* Mezery mezi produkty */
  display: grid;
  row-gap: 10px;
}
}
.order-summary-item.helper {
  margin: 20px 0 0 0;
}
.cart-content .next-step .btn.next-step-back {
    color: #222 !important;
}
/* MOBIL GRID PRODUCT */
@media (max-width: 767px) {

  /* skrýt jednotkovou cenu */
  body.id--9 .cart-table td.p-price {
    display: none !important;
  }

  /* celý řádek bude dvousloupcový grid */
  body.id--9 .cart-table tr.removeable {
    display: grid !important;
    grid-template-columns: 100px 1fr; /* levý ↔ pravý sloupec */
    grid-template-areas:
      "img name"
      "avail name"
      "qty total";
    column-gap: 0.5rem;
    row-gap: 0.5rem;
    padding: 0.5rem 0;
    position: relative;
    background: transparent !important;
  }

  body.id--9 .cart-table tr.removeable > td {
    padding: 0;
    border: none;
  }

  /* obrázek vlevo nahoře */
  td.cart-p-image {
    grid-area: img;
    align-self: start;
  }

  td.cart-p-image img {
    width: 100%;
    max-width: 110px;
    border-radius: 16px;
    display: block;
    align-self: center !important;
  }

  /* název vpravo nahoře */
  td.p-name {
    grid-area: name;
    align-self: start;
  }

  td.p-name .main-link {
    font-size: 14px;
    text-align: left;
    font-weight: 500 !important;
    line-height: 1.3;
    display: block;
    margin-bottom: 0.3rem;
  }

  /* dostupnost pod obrázkem */
  td.p-availability {
    grid-area: avail;
    font-size: 14px;
  }

  td.p-availability .p-label {
    display: none;
  }

  /* množství pod dostupností */
  td.p-quantity {
    grid-area: qty;
    margin-top: 0.2rem;
  }

  td.p-quantity .p-label {
    display: none;
  }

  /* pravý spodní – součet */
  td.p-total {
    grid-area: total;
    text-align: right;
    align-self: center;
    position: relative;
  }

  td.p-total .p-label {
    display: none;
  }

  td.p-total .price-final {
    font-size: 1.15rem;
    font-weight: 700;
  }

  /* odstranění z košíku – křížek v pravém horním rohu produktu */
  /*td.p-total .remove-item {
    position: absolute;
    top: -1.2rem;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background-color: #f6e7d3;
    box-shadow: 0 8px 18px rgba(0,0,0,0.07);
  }*/

  /* související produkty – necháme pod názvem */
  td.p-name .show-related {
    display: block;
    margin-top: 0.25rem;
    font-size: 11px;
    color: #c0392b;
  }
  .bonus-mehub-219465 .mehub-bonus-checkout-container .mehub-bonus-checkout-inner-container>div {
    margin: 0 !important;
}
}
/* Text doprava zdarma */
.ordering-process.id--9 #fvstudio-delivery-info .extra.delivery,
.content-window.cart-window #fvstudio-delivery-info .extra.delivery {
  text-align: left !important;
}

/* ---------------------------------------------
   KROKOVAČ – místo fajfek čísla 1 / 2 / 3
   --------------------------------------------- */

   .cart-header li span::before {
    background-image: none !important;      /* pryč fajfka */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    content: "";                            /* doplníme níž */
    font-family: inherit !important;        /* 👉 vezmi stejný font jako span */
    font-size: 13px;                        /* klidně můžeš dát inherit */
    font-weight: 700;                       /* nebo inherit, jestli chceš */
    color: #ffffff;                         /* aktivní default */
  }
  
  /* čísla podle kroků */
  .cart-header li.step-1 span::before { content: "1"; }
  .cart-header li.step-2 span::before { content: "2"; }
  .cart-header li.step-3 span::before { content: "3"; }
  
  /* neaktivní kroky – tmavé číslo */
  .cart-header li:not(.active) span::before {
    color: #6a5f53 !important;
    padding-left: 0px !important;
  }
  
  /* aktivní krok – bílé číslo */
  .cart-header li.active span::before {
    color: #ffffff !important;
    padding-left: 0px !important;
  }
  /* -- KROK 2 --
  @media only screen and (min-width: 767px) {
  .content-wrapper.container .col-sm-6 > div {
    padding-left: 40px !important;
  }
}*/
@media (max-width: 767px) {

  /* DOPRAVA: sjednotit wrapper – zabít flex z FV, ať se to nechová jako centrovaný box */
  body.in-kosik #fvstudio-delivery-info.show-info,
  body.in-krok-1 #fvstudio-delivery-info.show-info,
  body.in-krok-2 #fvstudio-delivery-info.show-info,
  body.in-krok-3 #fvstudio-delivery-info.show-info,
  .content-window.cart-window #fvstudio-delivery-info.show-info,
  .ordering-process.id--9 #fvstudio-delivery-info.show-info {
    display: block !important;
    width: 100% !important;
    max-width: 83% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: stretch !important;
    align-content: stretch !important;
  }
}
/* Schovat nadpis „Potřebujete pomoc?" – JEDNOTNĚ na všech krocích */
body.id--9   .sidebar-in-cart .checkout-box-wrapper > h2.h4,
body.in-kosik  .sidebar-in-cart .checkout-box-wrapper > h2.h4,
body.in-krok-1 .sidebar-in-cart .checkout-box-wrapper > h2.h4,
body.in-krok-2 .sidebar-in-cart .checkout-box-wrapper > h2.h4,
body.in-krok-3 .sidebar-in-cart .checkout-box-wrapper > h2.h4 {
  display: none !important;
}

/*************************************************************
 * =============== ČISTÝ CHECKOUT (v1.2.0) ===================
 * Sjednoceno s produktovou stránkou: ploché bílé povrchy,
 * tenké rámečky #e6e3ea, radius 14/10px, ŽÁDNÉ STÍNY.
 * Vybraný stav = jemné fialové zvýraznění (rámeček + tint).
 * Fokus přes outline (ne stín). Zlatá zůstává jen pro
 * sekundární tlačítka a kontext „dárek/odměna".
 * Scope: in-kosik / in-krok-1 / in-krok-2 / in-krok-3.
 *************************************************************/

/* --- 1) TLAČÍTKA: primární fialová / sekundární zlatá / zpět ghost --- */

/* Primární – plochá fialová */
body.in-kosik  .btn.btn-conversion,
body.in-krok-1 .btn.btn-conversion,
body.in-krok-2 .btn.btn-conversion,
body.in-krok-3 .btn.btn-conversion {
  background: var(--wz-purple) !important;
  border: 1px solid var(--wz-purple) !important;
  color: #fff !important;
  border-radius: var(--wz-radius-btn) !important;
  font-weight: 500;
  box-shadow: none !important;
  transition: background-color .15s ease, transform .12s ease;
}
body.in-kosik  .btn.btn-conversion:hover,
body.in-krok-1 .btn.btn-conversion:hover,
body.in-krok-2 .btn.btn-conversion:hover,
body.in-krok-3 .btn.btn-conversion:hover {
  background: var(--wz-purple-dark) !important;
  border-color: var(--wz-purple-dark) !important;
}
body.in-kosik  .btn.btn-conversion:active,
body.in-krok-1 .btn.btn-conversion:active,
body.in-krok-2 .btn.btn-conversion:active,
body.in-krok-3 .btn.btn-conversion:active {
  transform: translateY(1px);
}

/* Sekundární – plochá zlatá (kupón „Přidat", galeony „Použít") */
body.in-kosik  .btn.btn-secondary,
body.in-krok-1 .btn.btn-secondary,
body.in-krok-2 .btn.btn-secondary,
body.in-krok-3 .btn.btn-secondary {
  background: var(--wz-gold) !important;
  border: 1px solid var(--wz-gold) !important;
  color: #fff !important;
  border-radius: var(--wz-radius-btn) !important;
  font-weight: 500;
  box-shadow: none !important;
  transition: background-color .15s ease;
}
body.in-kosik  .btn.btn-secondary:hover,
body.in-krok-1 .btn.btn-secondary:hover,
body.in-krok-2 .btn.btn-secondary:hover,
body.in-krok-3 .btn.btn-secondary:hover {
  background: var(--wz-gold-dark) !important;
  border-color: var(--wz-gold-dark) !important;
}

/* Zpět – ghost/outline (terciární) */
body.in-kosik  .btn.next-step-back,
body.in-krok-1 .btn.next-step-back,
body.in-krok-2 .btn.next-step-back,
body.in-krok-3 .btn.next-step-back {
  background: transparent !important;
  border: 1px solid var(--wz-border-input) !important;
  color: var(--wz-ink) !important;
  border-radius: var(--wz-radius-btn) !important;
  font-weight: 500;
  box-shadow: none !important;
  display: flex !important;        /* vystředit šipku + text */
  align-items: center;
  justify-content: center;
  text-align: center;
}
body.in-kosik  .btn.next-step-back:hover,
body.in-krok-1 .btn.next-step-back:hover,
body.in-krok-2 .btn.next-step-back:hover,
body.in-krok-3 .btn.next-step-back:hover {
  background: #f3efe8 !important;
}

/* --- 2) FORMULÁŘOVÉ PRVKY A SELECTY (krok 2/3) ---
   Fokus přes outline, ne stín. */
body.in-krok-1 .form-control,
body.in-krok-2 .form-control,
body.in-krok-3 .form-control {
  border: 1px solid var(--wz-border-input) !important;
  border-radius: var(--wz-radius-btn) !important;
  background-color: #fff !important; /* ne 'background' – nesmazat šipku selectu */
  box-shadow: none !important;
  transition: border-color .15s ease;
}
body.in-krok-1 .form-control:focus,
body.in-krok-2 .form-control:focus,
body.in-krok-3 .form-control:focus {
  border-color: var(--wz-purple) !important;
  outline: 2px solid var(--wz-purple) !important;
  outline-offset: 1px;
  box-shadow: none !important;
}

/* --- 3) DOPRAVA A PLATBA – ponecháno NATIVNÍ (Rubin) ---
   Dle přání zpět původní řádky bez orámování. Vlastní karty
   (.radio-wrapper) zde záměrně NEstylujeme. */

/* --- 4) SLEVOVÝ KUPÓN V PRAVÉ KARTĚ (krok 1, jen desktop) ---
   Prvek do souhrnu přesouvá wizardo-checkout-polish.js;
   po přesunu dostane .summary-wrapper třídu .wz-coupon-host.
   Na mobilu zůstává kupón v levém sloupci beze změny. */
@media (min-width: 768px) {
  body.in-kosik .summary-wrapper .discount-coupon,
  body.in-kosik .summary-wrapper.wz-coupon-host .discount-coupon {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }
  body.in-kosik .summary-wrapper .discount-coupon .input-group {
    display: flex;
    flex-wrap: nowrap;     /* pole a tlačítko na JEDEN řádek */
    align-items: stretch;
    gap: 8px;
  }
  body.in-kosik .summary-wrapper .discount-coupon .form-control {
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid var(--wz-border-input) !important;
    border-radius: var(--wz-radius-btn) !important;
    background-color: #fff !important;
  }
  body.in-kosik .summary-wrapper .discount-coupon .form-control:focus {
    border-color: var(--wz-purple) !important;
    outline: 2px solid var(--wz-purple) !important;
    outline-offset: 1px;
    box-shadow: none !important;
  }
  body.in-kosik .summary-wrapper .discount-coupon .btn {
    flex: 0 0 auto;        /* tlačítko vedle pole */
    white-space: nowrap;
  }
}

/* --- 5) VĚRNOSTNÍ PROGRAM / GALEONY – REÁLNÉ selektory ---
   DOM: .mehub-bonus-cart-container (krok 1) / .mehub-bonus-checkout-inner-container
   (krok 3) → karty .card.elevation-0; tlačítko je .btn.btn-default;
   pole je .credit-input. (Proto se to dřív „nepřepsalo".) */

/* Věrnostní karty = STEJNÝ styl jako na produktové stránce:
   #faf7f1 / rámeček #ece3d3 / radius 14px / bez stínu.
   (Včetně .blue – žádné zvláštní zvýraznění, ať to sedí 1:1.) */
body.in-kosik  .mehub-bonus-cart-container .card.elevation-0,
body.in-kosik  .mehub-bonus-cart-container .card.elevation-0.blue,
body.in-krok-2 .mehub-bonus-checkout-inner-container .card.elevation-0,
body.in-krok-2 .mehub-bonus-checkout-inner-container .card.elevation-0.blue {
  background: #faf7f1 !important;
  border: 1px solid #ece3d3 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
/* čitelný text */
body.in-kosik  .mehub-bonus-cart-container .card-title,
body.in-kosik  .mehub-bonus-cart-container .card-text,
body.in-kosik  .mehub-bonus-cart-container .credit-name,
body.in-krok-2 .mehub-bonus-checkout-inner-container .card-title,
body.in-krok-2 .mehub-bonus-checkout-inner-container .card-text,
body.in-krok-2 .mehub-bonus-checkout-inner-container .credit-name {
  color: var(--wz-ink) !important;
}
/* velikost textu jako na produktu (12px) */
body.in-kosik  .mehub-bonus-cart-container .card-text,
body.in-krok-2 .mehub-bonus-checkout-inner-container .card-text {
  font-size: 12px !important;
}
/* pole „Kolik použít" (.credit-input) – čisté */
body.in-krok-2 .mehub-bonus-checkout-inner-container .credit-input {
  border: 1px solid var(--wz-border-input) !important;
  border-radius: var(--wz-radius-btn) !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.in-krok-2 .mehub-bonus-checkout-inner-container .credit-input:focus {
  border-color: var(--wz-purple) !important;
  outline: 2px solid var(--wz-purple) !important;
  outline-offset: 1px;
}
/* tlačítko „Použít" (.btn-default uvnitř věrnostního) → sekundární zlatá.
   Scope na kontejner, ať se nedotkne vyhledávacího „Hledat". */
body.in-krok-2 .mehub-bonus-checkout-inner-container .btn.btn-default {
  background: var(--wz-gold) !important;
  border: 1px solid var(--wz-gold) !important;
  color: #fff !important;
  border-radius: var(--wz-radius-btn) !important;
  font-weight: 500;
  box-shadow: none !important;
}
body.in-krok-2 .mehub-bonus-checkout-inner-container .btn.btn-default:hover {
  background: var(--wz-gold-dark) !important;
  border-color: var(--wz-gold-dark) !important;
}

/* --- 6) TEXT DODATKU U DÁRKU – menší (.product-appendix) --- */
body.id--9  .free-gifts-wrapper .product-appendix,
body.in-kosik .free-gifts-wrapper .product-appendix {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #6b6470 !important;
}

/* --- 7) PRAVÁ KARTA SOUHRNU – sticky (desktop) --- */
@media (min-width: 992px) {
  body.in-kosik  .cart-row .col-md-4 > .summary-wrapper,
  body.in-kosik  .cart-row .col-md-4 > .cart-content,
  body.in-krok-1 .cart-row .col-md-4 > .cart-content,
  body.in-krok-2 .cart-row .col-md-4 > .cart-content {
    position: sticky;
    top: 20px;
  }
}
/* Pozn.: krokovač na tabletu – vlastní override odebrán; pod 992px
   je levý sloupec na plnou šířku, takže nativní desktop layout Rubinu
   funguje. Pokud by se i tak rozbíjel, doladíme po živé inspekci. */
/* =============== /ČISTÝ CHECKOUT ========================= */