/**
 * Lepící lišta „Do košíku" na detailu produktu — výběr varianty v liště
 * (pokyn #199, 25. 10. 2026). Select vkládá assets/webflow/js/wf-sticky-buy.js
 * místo textu .selected-variant a používá hotovou komponentu selectu varianty
 * z karty produktu (custom.css §4: .rb-variant-select > select.custom-select.btn.s.w-select
 * — vypadá jako nevybraná pilulka varianty). Tady jen velikost pro lištu:
 * písmo 16 px všude (iOS při menším písmu po ťuknutí zoomuje stránku a lišta
 * je přilepená k hraně okna), výška 40 px, na mobilu 36 px.
 * Načítá pages-parts/webflow/product/add-to-cart-banner.php.
 */
.add-to-cart-banner .rb-banner-variants {
  flex: 0 1 auto;
  min-width: 0;
  gap: 6px;
}
.rb-webflow .add-to-cart-banner .rb-variant-select select.custom-select.btn.s.w-select:not(.rb-legacy select):not(.select2-hidden-accessible):not([multiple]) {
  flex: 0 1 auto;
  min-width: 0;
  height: 40px;
  padding-right: 34px;
  padding-left: 16px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rb-webflow .add-to-cart-banner .rb-variant-select select.custom-select.btn.s.w-select:focus-visible {
  outline: 2px solid var(--rb--purple-700);
  outline-offset: 2px;
}
/* Vyprodaná varianta: tlačítko v liště je disabled stejně jako hlavní. */
.add-to-cart-banner [data-rb-buy-form] button[disabled] { opacity: .45; cursor: not-allowed; }

@media screen and (max-width: 767px) {
  .rb-webflow .add-to-cart-banner .rb-variant-select select.custom-select.btn.s.w-select:not(.rb-legacy select):not(.select2-hidden-accessible):not([multiple]) {
    --rb-chevron-right: 10px;
    height: 36px;
    padding: 0 28px 0 12px;
    background-size: 12px 12px;
    font-size: 16px;
  }
}

/* Rozložení lišty se selectem: jedna řada (fotka, název, výběr | cena,
   tlačítko). Lišta je jinak flex-wrap a s přidaným selectem by se na tabletu
   zalomila do dvou řad — místo toho se zkrátí název (…), select ani cena
   s tlačítkem se nezmenšují. */
.add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex { flex-wrap: nowrap; }
.add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex > .h-flex,
.add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex > .h-flex > .h-flex {
  flex: 0 1 auto;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-width: 0;
}
.add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex > .h-flex > .h-flex > .heading-4 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.add-to-cart-banner.rb-has-variant-select .product-img-wrapper.in-banner { flex: none; }
@media screen and (min-width: 768px) {
  .add-to-cart-banner.rb-has-variant-select .rb-banner-variants,
  .rb-webflow .add-to-cart-banner .rb-variant-select select.custom-select.btn.s.w-select:not(.rb-legacy select):not(.select2-hidden-accessible):not([multiple]) { flex: none; }
}
.add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex > .grow { flex: none; }
.add-to-cart-banner.rb-has-variant-select .add-to-card-wrap { flex-wrap: nowrap; }

/* Voucher (dvě skupiny: Hodnota + Varianta) se na tablet nevejde vedle názvu
   — název se na tabletu schová (výběr je důležitější, název je hned nahoře). */
@media screen and (max-width: 991px) {
  .add-to-cart-banner.rb-has-variant-select-multi .card-inner > .h-flex > .h-flex > .h-flex > .heading-4 { display: none; }
}

/* Mobil: řada výběr | cena | tlačítko. Fotka v liště se se selectem neukazuje
   (místo pro výběr), „s DPH" je pod cenou. Když se ani tak nevejde (úzký
   telefon, dlouhý název varianty), zkrátí se select. Voucher (dva selecty)
   má výběr v samostatné řadě nad cenou a tlačítkem. */
@media screen and (max-width: 767px) {
  .add-to-cart-banner.rb-has-variant-select .card-inner > .h-flex { column-gap: 10px; align-items: center; }
  .add-to-cart-banner.rb-has-variant-select .product-img-wrapper.in-banner { display: none; }
  .add-to-cart-banner.rb-has-variant-select .add-to-card-wrap { column-gap: 10px; }
  .add-to-cart-banner.rb-has-variant-select .price-wrap .h-flex.price-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    row-gap: 2px;
  }
  .add-to-cart-banner.rb-has-variant-select .price-wrap [data-rb-buy-price] { white-space: nowrap; }

  .add-to-cart-banner.rb-has-variant-select-multi .card-inner > .h-flex { flex-wrap: wrap; row-gap: 10px; }
  .add-to-cart-banner.rb-has-variant-select-multi .card-inner > .h-flex > .h-flex,
  .add-to-cart-banner.rb-has-variant-select-multi .card-inner > .h-flex > .h-flex > .h-flex,
  .add-to-cart-banner.rb-has-variant-select-multi .rb-banner-variants { flex: 1 1 100%; }
  .add-to-cart-banner.rb-has-variant-select-multi .card-inner > .h-flex > .grow { flex: 1 1 100%; }
  .add-to-cart-banner.rb-has-variant-select-multi .add-to-card-wrap { justify-content: space-between; }
  .rb-webflow .add-to-cart-banner.rb-has-variant-select-multi .rb-variant-select select.custom-select.btn.s.w-select:not(.rb-legacy select):not(.select2-hidden-accessible):not([multiple]) { flex: 1 1 0; }
}