/* =========================================================
   DS Market – lišta s výhodami pod menu (usp-bar.css)
   Patří k usp-bar.js. Barvy upravíš v proměnných níže.
   ========================================================= */

.dsm-usp {
  --dsm-usp-bg: #f4f8f3;        /* jemně zelené pozadí */
  --dsm-usp-line: #dfeadc;      /* linka dole */
  --dsm-usp-text: #2b2b2b;
  --dsm-usp-muted: #5f6b5d;
  --dsm-usp-accent: #1f861d;    /* zelená webu */

  background: var(--dsm-usp-bg);
  /* lišta je uvnitř kontejneru šablony – pozadí roztáhneme na celou šířku okna
     bez vodorovného posuvníku */
  box-shadow: 0 0 0 100vmax var(--dsm-usp-bg);
  clip-path: inset(0 -100vmax);
  color: var(--dsm-usp-text);
  font-size: .875rem;
  line-height: 1.3;
}

.dsm-usp__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 10px 0;
  float: none !important;
  list-style: none;
}
.dsm-usp__list > li { margin: 0; padding: 0; }
.dsm-usp__list > li::before { content: none !important; } /* Shoptet odrážky pryč */

.dsm-usp__item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit !important;
  text-decoration: none !important;
  border-radius: 6px;
}
a.dsm-usp__item:hover .dsm-usp__title { color: var(--dsm-usp-accent); }
a.dsm-usp__item:focus-visible { outline: 2px solid var(--dsm-usp-accent); outline-offset: 3px; }

.dsm-usp__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: var(--dsm-usp-accent);
}
.dsm-usp__icon svg { width: 18px; height: 18px; display: block; }

.dsm-usp__text { display: flex; flex-direction: column; min-width: 0; }
.dsm-usp__title { font-weight: 700; white-space: nowrap; transition: color .15s; }
.dsm-usp__sub { font-size: .78rem; color: var(--dsm-usp-muted); white-space: nowrap; }

/* menší notebook: pátou výhodu schováme */
@media (max-width: 1199px) {
  .dsm-usp__list > li:nth-child(5) { display: none; }
}

/* tablet a mobil: jedna výhoda, střídají se (řídí usp-bar.js) */
@media (max-width: 991px) {
  .dsm-usp__list {
    position: relative;
    justify-content: center;
    height: 44px;
    padding: 0;
  }
  .dsm-usp__list > li,
  .dsm-usp__list > li:nth-child(5) {
    display: flex;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s, visibility .4s;
  }
  .dsm-usp__list > li.is-active { opacity: 1; visibility: visible; }
  .dsm-usp__icon { width: 26px; height: 26px; }
  .dsm-usp__icon svg { width: 15px; height: 15px; }
  .dsm-usp__text { flex-direction: row; align-items: baseline; gap: 6px; }
  .dsm-usp__sub { font-size: .8rem; }
}
@media (max-width: 420px) {
  .dsm-usp__sub { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .dsm-usp__list > li { transition: none; }
}