/* LOVESILK – vlastní úpravy webu */

/* Produktové štítky */
#products .product .flags .flag.flag-action,
.product .flags .flag.flag-action,
.flags .flag.flag-action,
.flag.flag-action {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

.flag.flag-action span,
.flag-action span {
  color: #ffffff !important;
}

#products .product .flags .flag.flag-new,
.product .flags .flag.flag-new,
.flags .flag.flag-new,
.flag.flag-new {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

.flag.flag-new span,
.flag-new span {
  color: #ffffff !important;
}

#products .product .flags .flag,
.product-top .flags .flag,
.flags .flag,
.flag {
  background-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
}

#products .product .flags .flag span,
.flags .flag span,
.flag span {
  color: #ffffff !important;
}

/* Systémové prvky */
.no-javascript__text,
.no-javascript {
  display: none !important;
}

.type-category .category-description-inner h2:first-child,
.type-category .category-description-inner h1:first-child {
  display: none !important;
}

.carousel .sr-only,
.carousel-control .sr-only,
.carousel-control-prev .sr-only,
.carousel-control-next .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Carousel – desktop a tablet */
@media (min-width: 768px) {
  body.in-index #carousel,
  body.in-index #carousel .item > a,
  body.in-index #carousel .carousel-inner,
  body.in-index #carousel .carousel-inner .item.active,
  body.in-index #carousel .carousel-inner .item > a {
    position: relative !important;
    display: block !important;
  }

  body.in-index #carousel .extended-banner-texts {
    position: absolute !important;
    left: 5% !important;
    right: auto !important;
    top: 49% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 48% !important;
    max-width: 620px !important;
    min-width: 460px !important;
    text-align: left !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 5 !important;
  }

  body.in-index #carousel .extended-banner-title {
    display: block !important;
    width: 100% !important;
    max-width: 620px !important;
    font-size: 40px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    margin: 0 0 12px 0 !important;
    color: #5f6668 !important;
    text-align: left !important;
  }

  body.in-index #carousel .extended-banner-text {
    display: block !important;
    width: 100% !important;
    max-width: 440px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
    color: #5f6668 !important;
    text-align: left !important;
  }

  body.in-index #carousel .extended-banner-text p {
    margin: 0 !important;
  }

  body.in-index #carousel .extended-banner-link {
    display: inline-block !important;
    width: auto !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    padding: 8px 22px !important;
    background: transparent !important;
    border: 1px solid #5f6668 !important;
    color: #5f6668 !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  }

  body.in-index #carousel .extended-banner-link:hover {
    background: #a5e0cf !important;
    border-color: #a5e0cf !important;
    color: #5f6668 !important;
  }
}

/* Carousel – třetí banner */
@media (min-width: 768px) {
  body.in-index #carousel a[data-ec-promo-id="206"] .extended-banner-title {
    font-size: 46px !important;
    line-height: 1.04 !important;
    margin-bottom: 14px !important;
  }

  body.in-index #carousel a[data-ec-promo-id="206"] .extended-banner-text {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important;
  }

  body.in-index #carousel a[data-ec-promo-id="206"] .extended-banner-link {
    font-size: 14px !important;
    padding: 10px 28px !important;
  }
}

/* Carousel – mobil */
@media (max-width: 767px) {
  body.in-index #carousel .item > a,
  body.in-index #carousel .carousel-inner .item > a {
    position: relative !important;
    display: block !important;
  }

  body.in-index #carousel .extended-banner-texts {
    position: absolute !important;
    left: 6% !important;
    right: auto !important;
    top: 47% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 48% !important;
    max-width: 48% !important;
    min-width: 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 5 !important;
  }

  body.in-index #carousel .extended-banner-title {
    display: block !important;
    width: 100% !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    margin: 0 0 7px 0 !important;
    color: #5f6668 !important;
    text-align: left !important;
  }

  body.in-index #carousel .extended-banner-text {
    display: block !important;
    width: 100% !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin: 0 0 8px 0 !important;
    color: #5f6668 !important;
    text-align: left !important;
  }

  body.in-index #carousel .extended-banner-text p {
    margin: 0 !important;
  }

  body.in-index #carousel .extended-banner-link {
    display: inline-block !important;
    width: auto !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    padding: 6px 9px !important;
    background: transparent !important;
    border: 1px solid #5f6668 !important;
    color: #5f6668 !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
  }

  body.in-index #carousel .extended-banner-link:hover {
    background: #a5e0cf !important;
    border-color: #a5e0cf !important;
    color: #5f6668 !important;
  }

  body.in-index #carousel .ls-mobile-quote {
    display: block !important;
    font-family: var(--template-headings-font) !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 400 !important;
    color: #5f6668 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.in-index #carousel .ls-mobile-credit {
    display: inline-block !important;
    font-family: var(--template-font) !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
    color: #5f6668 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
}

/* Produktový detail – mobil */
@media (max-width: 767px) {
  body.type-detail .p-detail-inner {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Newsletter – odstranění duplicitního textu tlačítka ze staré úpravy šablony */
#formNewsletterWidget button[type="submit"]::after {
  content: none !important;
  display: none !important;
}

/* Newsletter – odstranění starého doplňkového textu ze šablony */
.custom-footer__newsletter .newsletter-header::after {
  content: none !important;
  display: none !important;
}

/* Newsletter – správná šířka formuláře na mobilu */
@media (max-width: 767px) {
  .custom-footer .custom-footer__newsletter,
  .custom-footer__newsletter #formNewsletterWidget,
  .custom-footer__newsletter #formNewsletterWidget fieldset,
  .custom-footer__newsletter #formNewsletterWidget .form-group,
  .custom-footer__newsletter #formNewsletterWidget .form-control-wrapper,
  .custom-footer__newsletter #newsletterWidget {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Instagram – celé řady příspěvků podle velikosti obrazovky */
@media (min-width: 768px) {
  .custom-footer__instagram .instagram-widget {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .custom-footer__instagram .instagram-widget > a {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .custom-footer__instagram .instagram-widget > a:nth-child(n + 9) {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .custom-footer__instagram .instagram-widget {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .custom-footer__instagram .instagram-widget > a {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .custom-footer__instagram .instagram-widget > a:nth-child(n + 10) {
    display: none !important;
  }
}

.custom-footer__instagram .instagram-widget > a img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
}

/* Druhý produktový blok – zobrazení nadpisu skrytého původní šablonou */
.homepage-products-heading-8 {
  display: block !important;
}