/*
 * YOKO Kids v3.4.7
 * Final hero paging, contact 2/3–1/3 layout and quote-only product actions.
 */

/* --------------------------------------------------------------------------
 * Single product: YOKO currently uses quote requests instead of cart checkout.
 * Keep WooCommerce's form in the DOM for variation state, but never expose a
 * native Add to cart / Buy now control in the custom PHP product template.
 * -------------------------------------------------------------------------- */
body.single-product .yoko-pdp .yoko-summary__cart,
body.single-product .yoko-pdp .yoko-button--buy-now,
body.single-product .yoko-pdp [data-yoko-buy-now] {
  display: none !important;
}
body.single-product .yoko-pdp .yoko-summary__secondary-actions,
body.single-product .yoko-pdp .yoko-summary__secondary-actions.is-quote-only {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}
body.single-product .yoko-pdp .yoko-summary__secondary-actions .yoko-button--quote {
  width: 100% !important;
}

/* --------------------------------------------------------------------------
 * Contact locations: partner-system artwork occupies 2/3, address card 1/3.
 * -------------------------------------------------------------------------- */
@media (min-width: 901px) {
  body.page-template-page-lien-he .yoko-contact-locations__grid,
  body.yoko-contact-page .yoko-contact-locations__grid {
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  body.page-template-page-lien-he .yoko-contact-map.has-image,
  body.yoko-contact-page .yoko-contact-map.has-image {
    align-self: stretch !important;
    width: 100% !important;
  }

  body.page-template-page-lien-he .yoko-contact-map.has-image img,
  body.yoko-contact-page .yoko-contact-map.has-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.page-template-page-lien-he .yoko-contact-location-list,
  body.yoko-contact-page .yoko-contact-location-list {
    min-width: 0 !important;
  }

  body.page-template-page-lien-he .yoko-contact-location-list article,
  body.yoko-contact-page .yoko-contact-location-list article {
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding: 28px 24px !important;
  }
}

/* --------------------------------------------------------------------------
 * Rey Global Section hero.
 * Preserve the native Rey Split Slider DOM, height and scroll progression.
 * The child theme must not clamp it to one viewport or hide its scroll runway.
 * -------------------------------------------------------------------------- */

/* Make the native fallback use the real header/admin-bar height as well. */
body.yoko-home-php-page .yoko-home-native-hero {
  --yoko-hero-height: calc(100svh - var(--yoko-header-offset, 0px));
}

@media (max-width: 900px) {
  body.page-template-page-lien-he .yoko-contact-locations__grid,
  body.yoko-contact-page .yoko-contact-locations__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}