/* Styl pro extra delivery box */
.extra.delivery {
    background-color: #baceae; /* Světle šedé pozadí */
    padding: 20px 15px; /* Větší padding pro větší prostor kolem textu */
    border-radius: 10px; /* Zaoblené rohy */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Stín pro lepší vzhled */
}

/* Styl pro extra dárek zdarma*/
.extra.gift {
    background-color: #cdf3b5; /* Světle šedé pozadí */
    padding: 20px 15px; /* Větší padding pro větší prostor kolem textu */
    border-radius: 10px; /* Zaoblené rohy */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Stín pro lepší vzhled */
}

/* Styl pro lištu ceny */
.price-range {
    background-color: #ddd; /* Světle šedé pozadí pro samotnou lištu */
    border-radius: 5px; /* Zaoblené rohy pro samotné pole */
    height: 6px;
    width: 100%; /* Roztažení na celou šířku */
    overflow: hidden; /* Skrytí přetékajících elementů */
}

/* Obecné styly pro odkazy */
.links-container {
    display: flex; /* Odkazy budou vedle sebe */
    gap: 12px; /* Menší mezera mezi odkazy */
    justify-content: center; /* Zarovná odkazy na střed */
    margin-top: 16px; /* Trocha prostoru nad odkazy */
}

.window-link {
    display: inline-block;
    padding: 10px 15px; /* Větší padding pro lepší vzhled */
    background-color: #f0f0f0; /* Šedé pozadí */
    color: #333; /* Tmavý text */
    text-decoration: none; /* Bez podtržení */
    border-radius: 6px; /* Zaoblené rohy */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Jemný stín */
    transition: background-color 0.3s, box-shadow 0.3s; /* Plynulý přechod při hoveru */
}

@media screen and (max-width: 400px) {
    .window-link {
        font-size: 12px
    }
}

.window-link:hover {
    background-color: #e0e0e0; /* Trochu tmavší šedé pozadí při hoveru */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Zvýraznění stínu při hoveru */
}

  /* ---------- KROKY V KOŠÍKU (jen .cart-header) ---------- */

@media screen and (max-width: 769px){

  /* základ */
  ol.cart-header li{
    background:#f3f4f6 !important;
    color:#6b7280 !important;
  }

  /* text */
  ol.cart-header li span{
    color:inherit !important;
    font-weight:600;
  }

  /* číslo v kolečku (Shoptet) */
  ol.cart-header li span:before,
  ol.cart-header li a span:before,
  ol.cart-header li strong span:before{
    background:#e5e7eb !important;
    color:#374151 !important;
    border:none !important;
    font-weight:800;
  }

  /* aktivní krok */
  ol.cart-header li.active{
    background:#fff0f1 !important;
    color:#b91823 !important;
  }

  /* aktivní číslo */
  ol.cart-header li.active span:before,
  ol.cart-header li.active a span:before,
  ol.cart-header li.active strong span:before{
    background:linear-gradient(135deg,#ca1622,#b91823) !important;
    color:#fff !important;
    box-shadow:0 3px 10px rgba(185,24,35,.35);
  }

  /* hotový krok */
  ol.cart-header li.completed{
    background:#ffe5e7 !important;
    color:#991b1b !important;
  }

  /* hotový krok číslo -> fajfka */
  ol.cart-header li.completed span:before,
  ol.cart-header li.completed a span:before,
  ol.cart-header li.completed strong span:before{
    content:"✓" !important;
    background:#b91823 !important;
    color:#fff !important;
    font-size:11px;
    font-weight:900;
  }

  /* šipky mezi kroky */
  ol.cart-header li:after{
    border-left-color:#e5e7eb !important;
  }
  ol.cart-header li.active:after{
    border-left-color:#fff0f1 !important;
  }
  ol.cart-header li.completed:after{
    border-left-color:#ffe5e7 !important;
  }

  /* ---------- EXTRAS (ponecháno) ---------- */
  .advanced-order .extras-wrap .extra{
    text-align:center;
  }

  /* ---------- RELATED PRODUKTY (ponecháno) ---------- */
  td[colspan="6"]{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
  }

  .cart-related-product{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:left;
    background:#f8f8f8;
    padding:10px;
    border-radius:6px;
    box-shadow:0 7px 3px rgba(0, 0, 0, 0.1);
    flex:0 1 calc(50% - 10px);
    max-width:180px;
    margin-bottom:10px;
  }

}

/* ---------------------------- */
/* Tlačítko "Vybrat jiný dárek" – výchozí styl (PC) */
.free-gift-trigger {
    display: inline-block;          /* na PC vedle textu */
    margin-left: 10px;
    padding: 10px 18px;
    background: #f0f0f0;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    transition: background 0.3s, box-shadow 0.3s;
    position: relative;
    z-index: 10; /* aby nebylo pod ničím */
}

.free-gift-trigger:hover {
    background: #e0e0e0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* --- Mobilní úpravy --- */
@media screen and (max-width: 768px) {
    /* Celé <label> jako flex řádek */
    .free-gifts li label {
        display: flex;
        align-items: center;       /* zarovnání na střed */
        gap: 10px;                 /* mezera mezi obrázkem a textem */
    }

    /* Obrázek menší */
    .free-gifts-img img {
        width: 80px;
        height: auto;
        flex-shrink: 0;            /* obrázek se nezmenšuje */
    }

    /* Box pro název + tlačítko */
    .free-gift-label {
        font-size: 12px;
        line-height: 1.2em;
        display: flex;
        flex-direction: row;       /* text a tlačítko vedle sebe */
        align-items: center;
        gap: 6px;                  /* mezera mezi názvem a tlačítkem */
        flex-wrap: wrap;           /* když je text dlouhý, zalomí se */
    }

    /* Tlačítko menší, aby sedělo vedle textu */
    .free-gift-trigger {
        display: inline-block;
        margin: 0;
        font-size: 12px;
        padding: 6px 10px;
        white-space: nowrap;       /* nerozpadne se na více řádků */
    }
}