/* Benefit lišta Bidetshop (tiket #232)
   Shoptet: Vzhled a obsah → Editor → HTML kód → Záhlaví — vložit celé mezi značky style (otevírací a zavírací)
   Barvy: odstíny modré z webu (#42B4E6) ztmavené tak, aby text měl kontrast min. 4.5:1
   Šířky: od 1200 px celé (titulek + podtitulek), 992–1199 px jen titulky,
          pod 992 px se položky po jedné plynule střídají (Poptávka zůstává vpravo). */

.bs-benefits {
  --bs-podklad: #EEF8FD;
  --bs-linka: #D4EAF6;
  --bs-akcent: #1677AA;
  --bs-akcent-hover: #125F88;
  --bs-text: #24242E;
  --bs-text-slabsi: #5E6B73;
  background: var(--bs-podklad);
  border-bottom: 1px solid var(--bs-linka);
}
.bs-benefits .bs-inner {
  display: flex;
  align-items: stretch;
  min-height: 56px;
}
.bs-benefits .bs-scroll {
  flex: 1;
  display: flex;
  min-width: 0;
}
.bs-benefits .bs-item {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 20px;
  color: var(--bs-text);
  text-decoration: none;
  border-left: 1px solid var(--bs-linka);
  transition: background-color .15s;
}
.bs-benefits .bs-item:first-child { border-left: none; }
.bs-benefits .bs-item:hover { background: rgba(22, 119, 170, .06); color: var(--bs-text); text-decoration: none; }
.bs-benefits .bs-item:hover .bs-t { text-decoration: underline; }
.bs-benefits .bs-item:focus-visible { outline: 3px solid var(--bs-akcent); outline-offset: -3px; }
.bs-benefits .bs-item svg {
  flex: none;
  width: 26px;
  height: 26px;
  color: var(--bs-akcent);
}
.bs-benefits .bs-item > span { min-width: 0; }
.bs-benefits .bs-t,
.bs-benefits .bs-s {
  display: block;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bs-benefits .bs-t { font-size: 13.5px; font-weight: 700; }
.bs-benefits .bs-s { font-size: 12px; color: var(--bs-text-slabsi); }
.bs-benefits .bs-cta {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 9px 0 9px 16px;
  padding: 0 18px;
  background: var(--bs-akcent);
  color: #FFF;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s;
}
.bs-benefits .bs-cta:hover { background: var(--bs-akcent-hover); color: #FFF; text-decoration: none; }
.bs-benefits .bs-cta:focus-visible { outline: 3px solid var(--bs-text); outline-offset: 2px; }
.bs-benefits .bs-cta svg { flex: none; width: 18px; height: 18px; }

/* 992–1199 px: všechny čtyři položky v řádku, jen titulky */
@media (max-width: 1199px) {
  .bs-benefits .bs-inner { min-height: 48px; }
  .bs-benefits .bs-item { gap: 8px; padding: 6px 12px; }
  .bs-benefits .bs-item svg { width: 22px; height: 22px; }
  .bs-benefits .bs-s { display: none; }
  .bs-benefits .bs-cta { margin: 7px 0 7px 12px; padding: 0 14px; }
}

/* Pod 992 px (tablet, mobil): položky se po jedné střídají na stejném místě, Poptávka vpravo */
@media (max-width: 991px) {
  .bs-benefits .bs-inner { min-height: 52px; }
  .bs-benefits .bs-scroll { position: relative; overflow: hidden; }
  .bs-benefits .bs-item {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    padding: 4px 10px;
    border-left: none;
    opacity: 0;
    visibility: hidden;
    animation: bs-strida 16s infinite;
  }
  .bs-benefits .bs-item:nth-child(2) { animation-delay: -12s; }
  .bs-benefits .bs-item:nth-child(3) { animation-delay: -8s; }
  .bs-benefits .bs-item:nth-child(4) { animation-delay: -4s; }
  .bs-benefits:hover .bs-item,
  .bs-benefits:focus-within .bs-item { animation-play-state: paused; }
  .bs-benefits .bs-item svg { width: 24px; height: 24px; }
  .bs-benefits .bs-s { display: block; }
  .bs-benefits .bs-cta { margin: 8px 10px 8px 4px; padding: 0 14px; }
}
/* Úzké telefony: Poptávka bez ikony, ať se vejdou celé texty */
@media (max-width: 379px) {
  .bs-benefits .bs-cta { padding: 0 12px; margin-right: 8px; }
  .bs-benefits .bs-cta svg { display: none; }
}
@keyframes bs-strida {
  0%, 22% { opacity: 1; visibility: visible; }
  25%, 97% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

/* Objednávkový proces (košík, doprava, údaje): lištu neukazovat, ať neruší */
.ordering-process .bs-benefits { display: none; }