/* ===== GINGLES – postranní košík (#cart-widget) =====
   Samostatný soubor, načíst AŽ ZA gingles-kosik.css.
   Platí jen pro vysouvací košík, hlavní stránka /kosik/ zůstává beze změny. */

#cart-widget {
  --sw-bg: #f7f7f7;
  --sw-dark: #424242;
  --sw-yellow: #feca63;
  --sw-yellow-soft: #fff5de;
  --sw-green: #3c840f;
  --sw-green-soft: #edf6e6;
  --sw-line: #ececec;
  --sw-text: #424242;
  --sw-muted: #6b6b6b;
  background: var(--sw-bg) !important;
}
#cart-widget .cart-window-in { background: var(--sw-bg) !important; padding: 0 !important; }
#cart-widget .place-cart-here { padding: 0 16px !important; width: 100% !important; max-width: none !important; box-sizing: border-box; }

/* hustší rozestupy uvnitř panelu */
#cart-widget #cart-wrapper { --gc-pad: 16px; --gc-gap: 12px; --gc-radius: 14px; }
#cart-widget #cart-wrapper .cart-inner { --gc-pad: 16px; --gc-gap: 12px; --gc-radius: 14px; }

/* ---------- horní lišta: Zpět do obchodu ---------- */
#cart-widget .toggle-window-arr {
  position: sticky; top: 0; z-index: 5;
  display: flex !important; align-items: center; gap: 10px;
  width: 100%; margin: 0 0 8px !important; padding: 16px !important;
  background: var(--sw-bg) !important; border: 0 !important; border-bottom: 1px solid var(--sw-line) !important;
  border-radius: 0 !important; box-shadow: none !important;
  font-family: inherit !important; font-size: 15px !important; font-weight: 600; color: var(--sw-text) !important;
  text-transform: none !important; text-align: left; cursor: pointer;
}
#cart-widget .toggle-window-arr::before {
  content: "" !important; display: block !important; flex: 0 0 32px;
  position: static !important; width: 32px; height: 32px; border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6l-6 6 6 6' stroke='%23424242' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important; font-size: 0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06); transform: none !important; margin: 0 !important;
}
#cart-widget .toggle-window-arr::after { display: none !important; }
#cart-widget .toggle-window-arr span { display: inline !important; }

/* ---------- kroky objednávky – kompaktní ---------- */
#cart-widget .cart-header {
  display: flex !important; gap: 6px; margin: 0 0 12px !important; padding: 0 !important; list-style: none;
}
#cart-widget .cart-header .step {
  flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 0 !important;
  border: 1px solid #ddd !important; border-radius: 999px !important; background: #fff !important;
  text-align: center; overflow: hidden;
}
#cart-widget .cart-header .step > * {
  display: block; padding: 8px 6px !important;
  font-size: 12px !important; font-weight: 600; line-height: 1.2; color: var(--sw-text) !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none !important;
}
#cart-widget .cart-header .step.active { background: var(--sw-dark) !important; border-color: var(--sw-dark) !important; }
#cart-widget .cart-header .step.active > * { color: #fff !important; }
#cart-widget .cart-header .step::before,
#cart-widget .cart-header .step::after { display: none !important; }

/* ---------- výběr dárku: užší karty v panelu (slider je v gingles-kosik.css) ---------- */
#cart-widget #cart-wrapper .up-cart-gifts-layer-product { flex-basis: 150px !important; width: 150px !important; }
#cart-widget #cart-wrapper .up-cart-gifts-layer-product .up-image img { aspect-ratio: auto; height: 110px !important; }

/* ---------- spodní lišta: Pokračovat vždy po ruce ---------- */
#cart-widget #cart-wrapper .next-step--cart {
  position: sticky; bottom: 0; z-index: 5;
  flex-direction: column-reverse !important; gap: 10px !important;
  margin: 0 -16px !important; padding: 12px 16px 16px !important;
  background: var(--sw-bg) !important; border-top: 1px solid var(--sw-line) !important;
}
#cart-widget #cart-wrapper .next-step--cart .next-step-forward { width: 100% !important; min-width: 0 !important; height: 52px; }
#cart-widget #cart-wrapper .next-step--cart .next-step-back { font-size: 14px !important; }

/* souhrn ceny těsně nad lištou */
#cart-widget #cart-wrapper .row.summary { margin: 4px 0 8px !important; }
#cart-widget #cart-wrapper .price-wrapper { justify-content: space-between !important; grid-template-columns: 1fr auto !important; text-align: left !important; }
#cart-widget #cart-wrapper .price-wrapper strong { text-align: right !important; }
#cart-widget #cart-wrapper .price-wrapper .price.price-primary { font-size: 22px !important; }

/* ---------- kroky: v panelu jen 1. krok ---------- */
#cart-widget .cart-header .step-2,
#cart-widget .cart-header .step-3 { display: none !important; }
#cart-widget .cart-header .step-1 { flex: 1 1 100% !important; }