/* ══════════════════════════════════════════════════════════════
   TURNON — webuni.css  |  Revitalizácia dizajnu 2026
   Paleta: Navy #182e49 · Electric #00B4D8 · White · Light #F0F4F8
   ══════════════════════════════════════════════════════════════ */

/* ── 0. GOOGLE FONTS ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ── 1. CSS PREMENNÉ ─────────────────────────────────────────── */
:root {
  --navy:          #182e49;
  --navy-dark:     #0f1e31;
  --navy-light:    #243d5e;
  --electric:      #00B4D8;
  --electric-dark: #0090b0;
  --electric-light:#e0f7fc;
  --white:         #ffffff;
  --light-bg:      #f0f4f8;
  --border:        #dde3eb;
  --text:          #1a1a1a;
  --text-muted:    #6b7280;
  --success:       #22c55e;
  --warning:       #f59e0b;
  --danger:        #ef4444;
  --radius:        10px;
  --radius-sm:     6px;
  --radius-lg:     16px;
  --shadow:        0 2px 12px rgba(0,0,0,.08);
  --shadow-hover:  0 8px 28px rgba(0,0,0,.16);
  --transition:    all .22s ease;
}

/* ── 2. GLOBÁLNA TYPOGRAFIA ──────────────────────────────────── */
body, input, select, textarea, button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  color: var(--text) !important;
}

a {
  transition: var(--transition) !important;
}

/* ── 3. TOP LIŠTA (čierna lišta s dopravou) ──────────────────── */
#top-header-strip .container-full-width,
.top-header-strip {
  background: var(--navy-dark) !important;
}

#top-header-strip {
  background: var(--navy-dark) !important;
  font-size: 12px !important;
}

#top-header-strip a,
#top-header-strip span,
#top-header-strip p,
#top-header-strip div {
  color: rgba(255,255,255,.85) !important;
  font-size: 12px !important;
}

#top-header-strip a:hover {
  color: var(--electric) !important;
}

/* ── 4. HEADER (logo + vyhľadávanie) ────────────────────────── */
#header-opacity {
  background: var(--white) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;
}

#header {
  height: auto !important;
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  gap: 16px !important;
}

#top-home {
  flex-shrink: 0 !important;
}

#top-home img {
  max-height: 48px !important;
  width: auto !important;
  transition: opacity .2s !important;
}

#top-home:hover img {
  opacity: 0.8 !important;
}

/* Vyhľadávanie v headeri */
#header #search,
.top-menu-wrap #search {
  flex: 1 !important;
  max-width: 480px !important;
}

#header #search form,
.top-menu-wrap #search form {
  display: flex !important;
  align-items: center !important;
  background: var(--light-bg) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  transition: border-color .2s !important;
}

#header #search form:focus-within,
.top-menu-wrap #search form:focus-within {
  border-color: var(--electric) !important;
  background: var(--white) !important;
}

#header #search input[type="text"],
.top-menu-wrap #search input[type="text"],
#header #search input[name="indexSearch"],
.top-menu-wrap #search input[name="indexSearch"] {
  background: transparent !important;
  border: none !important;
  padding: 9px 16px !important;
  font-size: 13px !important;
  flex: 1 !important;
  color: var(--text) !important;
  outline: none !important;
}

#header #search input[type="submit"],
.top-menu-wrap #search input[type="submit"],
#header #search button[type="submit"],
#indexSearch {
  background: var(--electric) !important;
  border: none !important;
  color: var(--white) !important;
  padding: 9px 18px !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: background .2s !important;
  white-space: nowrap !important;
}

#header #search input[type="submit"]:hover,
.top-menu-wrap #search input[type="submit"]:hover {
  background: var(--electric-dark) !important;
}

/* Košík + prihlásenie */
.top-menu-wrap {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#public-cart {
  position: relative !important;
}

#public-cart a {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--navy) !important;
  color: var(--white) !important;
  border-radius: var(--radius-sm) !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .2s !important;
}

#public-cart a:hover {
  background: var(--navy-light) !important;
}

/* ── 5. NAVIGÁCIA ────────────────────────────────────────────── */
#articles-menu {
  background: var(--navy) !important;
}

#articles-menu > ul {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 0 !important;
}

#articles-menu > ul > li {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

#articles-menu > ul > li > a,
#articles-menu > ul > li > span {
  display: block !important;
  padding: 12px 18px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: .01em !important;
  transition: color .2s, background .2s !important;
  white-space: nowrap !important;
}

#articles-menu > ul > li > a:hover,
#articles-menu > ul > li:hover > a,
#articles-menu > ul > li.active > a {
  color: var(--white) !important;
  background: rgba(255,255,255,.12) !important;
}

/* Aktívna položka — podčiarknutie */
#articles-menu > ul > li.active > a {
  border-bottom: 2px solid var(--electric) !important;
}

/* Submenu */
#articles-menu ul.submenu,
#articles-menu ul ul {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.14) !important;
  padding: 6px !important;
  min-width: 200px !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
}

#articles-menu ul.submenu li a,
#articles-menu ul ul li a {
  color: var(--text) !important;
  font-size: 13px !important;
  padding: 8px 14px !important;
  border-radius: var(--radius-sm) !important;
  display: block !important;
  text-decoration: none !important;
  transition: var(--transition) !important;
}

#articles-menu ul.submenu li a:hover,
#articles-menu ul ul li a:hover {
  background: var(--electric-light) !important;
  color: var(--electric-dark) !important;
}

/* ── 6. BREADCRUMB ───────────────────────────────────────────── */
#breadcrumb, .breadcrumb {
  background: var(--light-bg) !important;
  border-bottom: 1px solid var(--border) !important;
  padding: 8px 0 !important;
  font-size: 12px !important;
}

#breadcrumb a, .breadcrumb a {
  color: var(--text-muted) !important;
  text-decoration: none !important;
}

#breadcrumb a:hover, .breadcrumb a:hover {
  color: var(--electric) !important;
}

/* ── 7. PRODUKTOVÉ KARTY ─────────────────────────────────────── */
.product-third,
.product-second,
.product-first {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 6px 4px !important;
}

.product-third:not(.slick-slide) {
  width: calc(25% - 8px) !important;
}

.product-first:hover,
.product-second:hover,
.product-third:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-hover) !important;
  border-color: var(--electric) !important;
}

/* Obrázok */
.product-third .product-images,
.product-second .product-images,
.product-first .product-images {
  position: relative !important;
  overflow: hidden !important;
}

.product-third .product-images img,
.product-second .product-images img,
.product-first .product-images img {
  transition: transform .35s ease !important;
  width: 100% !important;
  display: block !important;
}

.product-third:hover .product-images img,
.product-second:hover .product-images img,
.product-first:hover .product-images img {
  transform: scale(1.04) !important;
}

/* Content */
.product-third .product-content,
.product-second .product-content,
.product-first .product-content {
  padding: 10px 12px 12px !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Názov */
.product-third .product-content-title a,
.product-third .product-content h4 a,
.product-second .product-content-title a,
.product-second .product-content h4 a {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: block !important;
  transition: color .2s !important;
}

.product-third .product-content-title a:hover,
.product-second .product-content-title a:hover {
  color: var(--electric-dark) !important;
}

/* Cena */
.product-third .price,
.product-second .price,
.product-first .price {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

.product-third .old_price,
.product-second .old_price {
  font-size: 12px !important;
  color: var(--text-muted) !important;
  text-decoration: line-through !important;
}

.product-third .action_price,
.product-second .action_price {
  color: var(--danger) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Dostupnosť */
.product-third .availabilty,
.product-third .availability,
.product-second .availabilty,
.product-second .availability {
  font-size: 11px !important;
  color: var(--success) !important;
  font-weight: 500 !important;
}

/* ── 8. BADGES (Akcia, Posledné kusy…) ───────────────────────── */
.product-action-label,
.product-action-label-1,
.product-action-label-2,
.product-action-label-3,
.product-action-label-type-1,
div[class*="product-action-label"] {
  border-radius: var(--radius-sm) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

/* Akcia — electric teal */
.product-action-label[class*="action"],
span[class*="product"][class*="action"] {
  background: var(--electric) !important;
  color: var(--white) !important;
}

/* Posledné kusy — orange */
.product-action-label[class*="last"],
span[class*="product"][class*="last"] {
  background: var(--warning) !important;
  color: var(--white) !important;
}

/* ── 9. TLAČIDLO "DO KOŠÍKA" ─────────────────────────────────── */
.button-add-to-cart,
.button-add-to-cart a,
.add-to-cart-button {
  background: var(--electric) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}

.button-add-to-cart:hover,
.button-add-to-cart a:hover {
  background: var(--electric-dark) !important;
  transform: translateY(-1px) !important;
}

/* Sprite button override — .button-type-1 s "Do košíka" */
.product-third .button-type-1,
.product-second .button-type-1,
.product-first .button-type-1,
#catalog-products-index .button-type-1,
.catalog-block .button-type-1 {
  background: none !important;
  background-image: none !important;
  height: auto !important;
  overflow: visible !important;
  border-radius: var(--radius-sm) !important;
}

.product-third .button-type-1 input[type="button"],
.product-third .button-type-1 input[type="submit"],
.product-second .button-type-1 input[type="button"],
.product-second .button-type-1 input[type="submit"],
.product-first .button-type-1 input[type="button"],
.product-first .button-type-1 input[type="submit"],
#catalog-products-index .button-type-1 input,
.catalog-block .button-type-1 input,
.button-type-1.button-add-to-cart-product input {
  background: var(--electric) !important;
  background-image: none !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 9px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: 'Inter', sans-serif !important;
  cursor: pointer !important;
  transition: background .2s !important;
  height: auto !important;
  line-height: normal !important;
  width: auto !important;
  display: block !important;
}

.product-third .button-type-1 input:hover,
.product-second .button-type-1 input:hover,
.catalog-block .button-type-1 input:hover {
  background: var(--electric-dark) !important;
}

/* ── 10. KATALÓG — FILTER BAR ────────────────────────────────── */
.catalog-filter-top,
#catalog-options-bar,
.catalog-options {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: 10px 16px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  box-shadow: var(--shadow) !important;
}

/* Sort select */
.catalog-filter-top select,
#catalog-options-bar select,
select[name="sort"], select[id*="sort"],
select[name="count"] {
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  color: var(--text) !important;
  background: var(--white) !important;
  transition: border-color .2s !important;
}

.catalog-filter-top select:focus,
select[name="sort"]:focus {
  border-color: var(--electric) !important;
  outline: none !important;
}

/* Price range slider */
.ui-slider-horizontal {
  border-color: var(--border) !important;
  background: var(--light-bg) !important;
}

.ui-slider .ui-slider-handle {
  background: var(--electric) !important;
  border-color: var(--electric-dark) !important;
}

.ui-slider .ui-slider-range {
  background: var(--electric) !important;
}

/* ── 11. HOMEPAGE — SEKCIE ───────────────────────────────────── */
/* Nadpis sekcie (napr. "Akcia") */
.products-title-with-line,
h2.section-title,
.section-heading {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
  margin-bottom: 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.products-title-with-line::after {
  content: '' !important;
  flex: 1 !important;
  height: 2px !important;
  background: var(--border) !important;
}

.products-title-with-line span {
  background: var(--white) !important;
  padding-right: 12px !important;
}

/* ── 12. NEWSLETTER SEKCIA ───────────────────────────────────── */
#container-newsletter,
#show-newsletter-in-footer {
  position: relative !important;
  overflow: hidden !important;
}

#container-newsletter h2,
#container-newsletter h3,
#show-newsletter-in-footer h2,
#show-newsletter-in-footer h3 {
  color: var(--white) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

#container-newsletter input[type="text"],
#container-newsletter input[type="email"],
#show-newsletter-in-footer input[type="text"],
#show-newsletter-in-footer input[type="email"] {
  background: rgba(255,255,255,.15) !important;
  border: 1.5px solid rgba(255,255,255,.35) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--white) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  transition: border-color .2s !important;
}

#container-newsletter input[type="text"]::placeholder,
#container-newsletter input[type="email"]::placeholder {
  color: rgba(255,255,255,.55) !important;
}

#container-newsletter input[type="text"]:focus,
#container-newsletter input[type="email"]:focus,
#show-newsletter-in-footer input[type="text"]:focus,
#show-newsletter-in-footer input[type="email"]:focus {
  border-color: var(--electric) !important;
  outline: none !important;
}

#container-newsletter input[type="submit"],
#container-newsletter button[type="submit"],
#container-newsletter .button-type-1 input,
#show-newsletter-in-footer input[type="submit"],
#show-newsletter-in-footer button[type="submit"],
#show-newsletter-in-footer .button-type-1 input {
  background: var(--electric) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background .2s !important;
}

#container-newsletter input[type="submit"]:hover,
#show-newsletter-in-footer input[type="submit"]:hover {
  background: var(--electric-dark) !important;
}

/* ── 13. PÄTIČKA ─────────────────────────────────────────────── */
#container-footer {
  margin-top: 0 !important;
  background: var(--navy-dark) !important;
  border-top: 3px solid var(--electric) !important;
}

hr.footerLine {
  display: none !important;
}

#footer {
  margin-top: 0 !important;
  padding: 0 !important;
  min-height: unset !important;
}

#info-articles {
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 40px 32px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

#info-articles .span-6,
#info-articles #mediahelp {
  display: inline-flex !important;
  flex-direction: column !important;
  float: none !important;
  width: calc(25% - 24px) !important;
  min-width: 180px !important;
  margin: 0 12px 24px !important;
  box-sizing: border-box !important;
}

#mediahelp img {
  margin: 0 0 14px 0 !important;
  max-width: 130px !important;
  height: auto !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

#mediahelp .text-1-phone,
#mediahelp .text-1-email,
#mediahelp .text-1-google-plus {
  color: rgba(255,255,255,.75) !important;
  font-size: 13px !important;
  margin: 4px 0 !important;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

#mediahelp .text-1-phone a,
#mediahelp .text-1-email a {
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
}

#mediahelp .text-1-phone a:hover,
#mediahelp .text-1-email a:hover {
  color: var(--electric) !important;
}

#mediahelp .text-margin {
  margin-left: 0 !important;
}

#mediahelp .text-2-copyright {
  color: rgba(255,255,255,.4) !important;
  font-size: 12px !important;
  margin: 14px 0 0 0 !important;
  line-height: 1.6 !important;
}

.group-title {
  color: var(--white) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

#footer ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#footer ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer ul li a {
  color: rgba(255,255,255,.6) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  line-height: 2.1 !important;
  display: block !important;
  transition: color .2s, padding-left .2s !important;
}

#footer ul li a:hover {
  color: var(--electric) !important;
  padding-left: 4px !important;
}

#container-royal-media-text {
  display: block !important;
  text-align: center !important;
  padding: 12px 16px !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.25) !important;
  text-decoration: none !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  transition: color .2s !important;
}

#container-royal-media-text:hover {
  color: rgba(255,255,255,.5) !important;
}

/* Platobné ikony */
#pay-delivery-footer-small,
#pay-delivery-footer-big {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.pay-delivery-footer-button img {
  border-radius: 4px !important;
  opacity: .7 !important;
  transition: opacity .2s !important;
}

.pay-delivery-footer-button img:hover {
  opacity: 1 !important;
}

/* ── 14. FLASH SPRÁVY ────────────────────────────────────────── */
#messages {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  margin: 12px 0 !important;
}

/* ── 15. VŠEOBECNÉ TLAČIDLÁ (.button-type-1 mimo katalógu) ───── */
.button-type-1 {
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}

.button-type-1 a,
.button-type-1 input[type="submit"],
.button-type-1 input[type="button"] {
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: var(--transition) !important;
  font-family: 'Inter', sans-serif !important;
}

/* ── 16. CONTAINER-FOOTER obal ───────────────────────────────── */
.container-full-width#container-footer {
  background: var(--navy-dark) !important;
}

/* ── 17. DETAIL PRODUKTU ─────────────────────────────────────── */
.detail-old-and-actual-price {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.detail-product-price {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--navy) !important;
}

.detail-old-price {
  font-size: 16px !important;
  color: var(--text-muted) !important;
  text-decoration: line-through !important;
}

/* Detail "Do košíka" */
#detail-add-to-cart .button-type-1 input,
#cart-add .button-type-1 input,
.detail-add-to-cart input[type="submit"],
.detail-add-to-cart input[type="button"] {
  background: var(--electric) !important;
  background-image: none !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 28px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  height: auto !important;
}

#detail-add-to-cart .button-type-1 input:hover {
  background: var(--electric-dark) !important;
  transform: translateY(-1px) !important;
}

/* ── 18. PRIHLÁSENIE / REGISTRÁCIA ───────────────────────────── */
#head-login a {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: color .2s !important;
}

#head-login a:hover {
  color: var(--navy) !important;
}

/* ── 19. CHYBOVÁ STRÁNKA 404 ─────────────────────────────────── */
#error-page,
.error-page {
  text-align: center !important;
  padding: 60px 20px !important;
}

#error-page img {
  max-width: 80px !important;
  filter: grayscale(1) opacity(.4) !important;
}

.button-type-1.error-back-btn input,
#back-to-homepage input {
  background: var(--navy) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 11px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* ── 20. SLICK SLIDER — karta nesmie byť prepísaná ───────────── */
.product-third.slick-slide {
  margin: 6px 4px !important;
}

/* ── 21. OPRAVY / LADENIE ────────────────────────────────────── */

/* "Zobraziť iba produkty skladom" label — base CSS nastavuje label color: red */
#top-category-panel-products-on-storage label,
#top-category-panel label {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

/* Produktové obrázky — odkazy nemajú mať default modrú */
.product-images a,
.catalog-product-img a,
a[id^="product-id-"] {
  color: inherit !important;
  text-decoration: none !important;
}

/* Checkbox v katalógu — štýl */
#top-category-panel input[type="checkbox"] {
  accent-color: var(--electric) !important;
  width: 15px !important;
  height: 15px !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  cursor: pointer !important;
}

/* Newsletter — text nesmie byť orezaný */
#newsletter-block,
.newsletter-block,
#newsletter {
  overflow: visible !important;
}

/* Catalog product count badge */
.catalog-heading-count,
h1 .count, h2 .count {
  color: var(--electric) !important;
  font-weight: 600 !important;
  font-size: 0.85em !important;
}

/* Slick dots color */
.slick-dots li button:before {
  color: var(--navy) !important;
  opacity: 0.4 !important;
}
.slick-dots li.slick-active button:before {
  color: var(--electric) !important;
  opacity: 1 !important;
}

/* Slick arrows */
.slick-prev:before, .slick-next:before {
  color: var(--navy) !important;
}

/* Katalóg delivery status */
.catalog-delivery_name {
  font-size: 11px !important;
  color: var(--success) !important;
  font-weight: 500 !important;
}

/* Global label fix — base CSS sets label { color: red } */
label {
  color: var(--text) !important;
}

/* Newsletter "Pridať" button — priamy override wrapper + input */
#button-addNewsletter,
#button-addNewsletter.button-type-1 {
  background: var(--electric) !important;
  background-image: none !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden !important;
}

#button-addNewsletter:hover,
#button-addNewsletter.button-type-1:hover {
  background: var(--electric-dark) !important;
}

#addNewsletter,
#button-addNewsletter input,
#container-newsletter input[type="submit"] {
  background: transparent !important;
  background-image: none !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  height: auto !important;
  box-shadow: none !important;
}