/*
 * YOKO Kids v3.4.5
 * Full-viewport homepage slides, natural seasonal media, clean partner network
 * artwork and final native WooCommerce Buy Now compatibility.
 */

/* ---------- Hero: each slide occupies one visible page ---------- */
body.yoko-home-php-page .yoko-home-native-hero {
  --yoko-hero-height: calc(100svh - var(--yoko-header-offset, 0px));
  height: calc(var(--yoko-slide-count) * var(--yoko-hero-height)) !important;
  min-height: calc(var(--yoko-slide-count) * var(--yoko-hero-height)) !important;
}
body.yoko-home-php-page .yoko-home-native-hero .yoko-hero-viewport,
body.yoko-home-php-page .yoko-home-native-hero .yoko-hero-slide {
  height: var(--yoko-hero-height) !important;
  min-height: var(--yoko-hero-height) !important;
}

/* Rey Global Section/Elementor slider shortcode.
 * No child-theme height or overflow override: Rey Split Slider must keep its
 * generated scroll runway so wheel gestures can advance every slide.
 */
body.yoko-home-php-page .yoko-home-embedded-hero {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body.yoko-home-php-page .yoko-home-embedded-hero + .yoko-home-trust {
  margin-top: 0 !important;
}

/* ---------- Seasonal cards: let the real image define card height ---------- */
body.yoko-home-php-page .yoko-home-seasons {
  align-items: start;
}
body.yoko-home-php-page .yoko-home-season-card {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}
body.yoko-home-php-page .yoko-home-season-card > div {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  background: #fff;
}
body.yoko-home-php-page .yoko-home-season-card img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
body.yoko-home-php-page .yoko-home-season-card::after {
  inset: 42% 0 0 !important;
}

/* ---------- Partner network: first tab is the clean full-width artwork ---------- */
body.yoko-home-php-page .yoko-home-distribution__panels > [role="tabpanel"].is-image-only {
  display: block !important;
  padding: 0 !important;
  overflow: hidden;
  border-color: var(--yoko-line);
  background: #fff !important;
}
body.yoko-home-php-page .yoko-home-distribution__panels > [role="tabpanel"].is-image-only[hidden] {
  display: none !important;
}
body.yoko-home-php-page .yoko-home-distribution__panels > [role="tabpanel"].is-image-only .yoko-home-distribution__media {
  width: 100%;
  min-height: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}
body.yoko-home-php-page .yoko-home-distribution__panels > [role="tabpanel"].is-image-only img,
body.yoko-home-php-page .yoko-home-distribution__media img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
}

/* ---------- Contact network image: exact asset, no CSS orbit/frame ---------- */
body.page-template-page-lien-he .yoko-contact-map.has-image,
body.yoko-contact-page .yoko-contact-map.has-image {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  clip-path: none !important;
}
body.page-template-page-lien-he .yoko-contact-map.has-image::before,
body.page-template-page-lien-he .yoko-contact-map.has-image::after,
body.yoko-contact-page .yoko-contact-map.has-image::before,
body.yoko-contact-page .yoko-contact-map.has-image::after {
  display: none !important;
  content: none !important;
}
body.page-template-page-lien-he .yoko-contact-map.has-image img,
body.yoko-contact-page .yoko-contact-map.has-image img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
}

/* ---------- Category menu icon: square clothing icon without clipping ---------- */
body.yoko-home-php-page .yoko-home-category-card--menu .yoko-home-local-icon {
  width: 82px !important;
  height: 82px !important;
  margin: 0 auto 8px !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 767px) {
  body.yoko-home-php-page .yoko-home-native-hero {
    --yoko-hero-height: calc(100svh - var(--yoko-header-offset, 0px));
    height: var(--yoko-hero-height) !important;
    min-height: var(--yoko-hero-height) !important;
  }
  body.yoko-home-php-page .yoko-home-native-hero .yoko-hero-viewport,
  body.yoko-home-php-page .yoko-home-native-hero .yoko-hero-track,
  body.yoko-home-php-page .yoko-home-native-hero .yoko-hero-slide {
    height: var(--yoko-hero-height) !important;
    min-height: var(--yoko-hero-height) !important;
  }
  body.yoko-home-php-page .yoko-home-season-card {
    flex: 0 0 88% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }
  body.yoko-home-php-page .yoko-home-season-card > div,
  body.yoko-home-php-page .yoko-home-season-card img {
    height: auto !important;
  }
  body.yoko-home-php-page .yoko-home-category-card--menu .yoko-home-local-icon {
    width: 68px !important;
    height: 68px !important;
  }
}