/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.1
 Text Domain:  woodmart
*/
/* OK ZONE: на телефонах и планшетах стрелки баннера перекрывали заголовок */
@media (max-width: 1023px) {
    #slider-88 .wd-nav-arrows {
        display: none !important;
    }
}

/* ===== OK ZONE: главная, блок «Top tooted» (post 17) ===== */
/* Keep the header and product grid together when the adjacent carousel
   changes height; the parent element is wider than its own content. */
.elementor-17 .elementor-element.elementor-element-9da93bb {
  align-self: flex-start;
}

.elementor-17 .elementor-element.elementor-element-9da93bb > .e-con-inner {
  align-content: flex-start;
}

.elementor-17 .elementor-element.elementor-element-5d125cb {
  width: 100%;
  max-width: 100%;
  --container-widget-width: 100%;
}
/* OK ZONE: более мягкое затемнение баннера (перекрывает правило из настроек темы) */
#slider-88 .wd-slide::before {
    background: linear-gradient(90deg, rgba(13,13,32,.62) 0%, rgba(13,13,32,.36) 26%, rgba(13,13,32,0) 56%) !important;
}

@media (max-width: 1023px) {
    #slider-88 .wd-slide::before {
        background: linear-gradient(90deg, rgba(13,13,32,.58) 0%, rgba(13,13,32,.36) 56%, rgba(13,13,32,.1) 100%) !important;
    }
}

/* ===== OK ZONE: компактный баннер про cookies на телефонах ===== */
@media (max-width: 768.98px) {
  .wd-cookies-popup {
    padding: 10px 14px;
  }
  .wd-cookies-popup .cookies-info-text {
    font-size: 12px;
    line-height: 1.35;
    padding-inline-end: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .wd-cookies-popup .wd-cookies-inner .cookies-buttons {
    margin-top: 10px;
  }
  .wd-cookies-popup .cookies-buttons > a {
    margin-inline-end: 12px;
  }
  .wd-cookies-popup .cookies-buttons .cookies-more-btn {
    font-size: 11px;
    border-bottom-width: 1px;
  }
  .wd-cookies-popup .cookies-buttons .cookies-accept-btn {
    padding: 8px 18px;
    font-size: 12px;
  }
}

/* ===== OK ZONE: бегущие ленты ===== */
/* Сдвиг задан точно по числу карточек (8 товаров / 12 категорий = ровно половина
   ленты), а не в процентах — так цикл всегда стыкуется без пустого места. */
@keyframes okzMarqueeProd {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-80rem, 0, 0); }   /* 8 x (9rem карточка + 1rem отступ) */
}
@keyframes okzMarqueeCats {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-120rem, 0, 0); }  /* 12 x (8.75rem + 1.25rem) */
}

/* --- лента товаров в блоке «Aroomiteraapia lemmikud» --- */
.elementor-element-910f12e {
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.elementor-element-304c4bf2 {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  gap: 1rem !important;
  overflow: visible !important;
  animation: okzMarqueeProd 70s linear infinite;
  will-change: transform;
}
.elementor-element-304c4bf2:hover {
  animation-play-state: paused;
}

/* --- лента категорий «Osta kategooriate kaupa» --- */
.elementor-element-4cdf5a32 {
  display: block !important;
  overflow: hidden !important;
}
.elementor-element-7ab92b82 {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  width: max-content !important;
  max-width: none !important;
  margin-block-start: 1.5rem !important;
  gap: 1.25rem !important;
  animation: okzMarqueeCats 110s linear infinite;
  will-change: transform;
}
.elementor-element-7ab92b82:hover {
  animation-play-state: paused;
}

/* --- на телефонах ленты едут медленнее, окно товаров во всю ширину --- */
@media (max-width: 767.98px) {
  @keyframes okzMarqueeProd {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-72rem, 0, 0); }  /* 8 x (8rem + 1rem) */
  }
  @keyframes okzMarqueeCats {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-93rem, 0, 0); }  /* 12 x (6.5rem + 1.25rem) */
  }
  .elementor-element-910f12e {
    width: calc(100% + 80px) !important;
    margin-inline-start: -40px !important;
    margin-inline-end: -40px !important;
  }
  .elementor-element-304c4bf2 {
    animation-duration: 95s;
  }
  .elementor-element-7ab92b82 {
    animation-duration: 140s;
  }
}

/* ===== OK ZONE: compact language switcher in the primary header ===== */
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-link .nav-link-text {
  display: none;
}

.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item > .wpml-ls-link::after {
  display: inline-block !important;
  margin-inline-start: 0.25rem !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  color: inherit !important;
}

.whb-general-header .whb-col-right .wpml-ls-item-et > .wpml-ls-link::after,
.whb-general-header .whb-mobile-right .wpml-ls-item-et > .wpml-ls-link::after {
  content: "ET" !important;
}

.whb-general-header .whb-col-right .wpml-ls-item-et > .wpml-ls-link::before,
.whb-general-header .whb-mobile-right .wpml-ls-item-et > .wpml-ls-link::before {
  content: none !important;
  display: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  color: inherit !important;
}

.whb-general-header .whb-col-right .wpml-ls-item-en-us > .wpml-ls-link::after,
.whb-general-header .whb-mobile-right .wpml-ls-item-en-us > .wpml-ls-link::after {
  content: "EN" !important;
}

.whb-general-header .whb-col-right .wpml-ls-item-ru > .wpml-ls-link::after,
.whb-general-header .whb-mobile-right .wpml-ls-item-ru > .wpml-ls-link::after {
  content: "RU" !important;
}

/* OK ZONE: language code contrast on the white header */
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item > .wpml-ls-link::before {
  content: none !important;
  display: none !important;
}
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item > .wpml-ls-link::after {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-inline: 0.25rem 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  color: #191919 !important;
}
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item-et > .wpml-ls-link::after { content: "ET" !important; }
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item-en-us > .wpml-ls-link::after { content: "EN" !important; }
.whb-general-header :is(.whb-col-right, .whb-mobile-right) .wpml-ls-item-ru > .wpml-ls-link::after { content: "RU" !important; }

/* OK ZONE: prevent lazy product images from stretching the recent-products carousel */
#carousel-522 .wd-product-thumb {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
}

#carousel-522 .wd-product-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

#carousel-522 .product-element-bottom {
  flex: 0 0 auto !important;
  height: auto !important;
}

#carousel-522 .product-element-bottom .price {
  margin-top: 0 !important;
}