/*
  LD CMS AURUM — finalny hotfix dla bazy 1.0.2
  Ten plik jest ładowany PO styles.css, dlatego nie cofa wcześniejszych poprawek.
*/

/* ===== IKONY NAWIGACYJNE ===== */
.slider-arrow .icon,
.review-arrow .icon,
.theme-toggle .icon,
.menu-btn .icon {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.slider-arrow--prev .icon,
.review-prev .icon {
  transform: rotate(180deg) !important;
}

/* ===== PRZEŁĄCZNIK MOTYWU ===== */
.theme-toggle {
  position: relative;
  overflow: hidden;
}
.theme-toggle .theme-icon--sun { display: block !important; }
.theme-toggle .theme-icon--moon { display: none !important; }
html[data-theme="light"] .theme-toggle .theme-icon--sun { display: none !important; }
html[data-theme="light"] .theme-toggle .theme-icon--moon { display: block !important; }
html[data-theme="light"] .theme-toggle {
  color: #22190e !important;
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(102,73,27,.25) !important;
  box-shadow: 0 8px 20px rgba(63,47,23,.10) !important;
}

/* ===== OPINIE — ZAWSZE WEWNĄTRZ KONTENERA ===== */
.reviews-section {
  overflow: hidden !important;
}
.reviews-section > .container {
  min-width: 0 !important;
}
.reviews-stage {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.reviews-track {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 18px !important;
  will-change: transform;
}
.review-card {
  flex: 0 0 calc((100% - 36px) / 3) !important;
  min-width: 0 !important;
  max-width: calc((100% - 36px) / 3) !important;
}
.reviews-controls {
  width: 100% !important;
  max-width: 100% !important;
  justify-content: center !important;
}

/* ===== OPINIE — JASNY MOTYW ===== */
html[data-theme="light"] .reviews-section .review-arrow {
  display: grid !important;
  place-items: center !important;
  color: #21170c !important;
  background: #ffffff !important;
  border: 1px solid rgba(112,78,27,.34) !important;
  box-shadow: 0 8px 20px rgba(63,47,23,.12) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="light"] .reviews-section .review-arrow:hover {
  color: #15100a !important;
  background: linear-gradient(180deg,#f6d993,#d9aa4f) !important;
  border-color: #c28c32 !important;
}
html[data-theme="light"] .reviews-section .review-progress {
  background: rgba(74,52,20,.20) !important;
}
html[data-theme="light"] .reviews-section .review-progress span {
  background: linear-gradient(90deg,#9f6b1f,#d9aa4f) !important;
}

/* ===== BANER COOKIES ===== */
.cookie-banner {
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  overflow: visible !important;
}
.cookie-banner__content {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  width: min(1240px,100%) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 20px 22px !important;
  overflow: visible !important;
}
.cookie-banner__content > div:first-child {
  min-width: 0 !important;
}
.cookie-banner__actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  grid-column: auto !important;
  width: auto !important;
  min-width: max-content !important;
}
.cookie-banner__actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 164px !important;
  min-height: 52px !important;
  padding: 0 20px !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

/* Baner pozostaje ciemny również na jasnej stronie — dzięki temu jest czytelny. */
html[data-theme="light"] .cookie-banner__content {
  color: #f6efe2 !important;
  background: rgba(8,10,14,.98) !important;
  border-color: rgba(217,170,79,.28) !important;
}
html[data-theme="light"] .cookie-banner strong {
  color: #ffffff !important;
}
html[data-theme="light"] .cookie-banner p {
  color: #c9bba2 !important;
}
html[data-theme="light"] .cookie-banner a {
  color: #f4d38d !important;
}
html[data-theme="light"] .cookie-banner .btn--ghost-light {
  color: #ffffff !important;
  background: #1a1e25 !important;
  border-color: rgba(244,211,141,.42) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .cookie-banner .btn--ghost-light:hover {
  background: #262b34 !important;
  border-color: rgba(244,211,141,.68) !important;
}
html[data-theme="light"] .cookie-banner .btn--primary {
  color: #15100a !important;
  background: linear-gradient(180deg,#f6d993 0%,#d9aa4f 100%) !important;
  border-color: #d9aa4f !important;
  box-shadow: 0 10px 24px rgba(179,126,38,.30) !important;
}

@media (max-width: 980px) {
  .review-card {
    flex-basis: calc((100% - 18px) / 2) !important;
    max-width: calc((100% - 18px) / 2) !important;
  }
  .cookie-banner__content {
    grid-template-columns: 1fr !important;
  }
  .cookie-banner__actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 620px) {
  .review-card {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .cookie-banner {
    left: 10px !important;
    right: 10px !important;
    bottom: 74px !important;
  }
  .cookie-banner__content {
    padding: 18px !important;
  }
  .cookie-banner__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .cookie-banner__actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}