/* OV Site Core 1.0.6 - Phase 4 performance. Display-only; no consent or checkout logic. */

/* (a) Serve suitably sized hero backgrounds. Original files are unchanged. */
@media (max-width: 767px) {
  body.elementor-page-18 .ov-hero-duo .elementor-repeater-item-pool2026 .swiper-slide-bg {
    background-image: url(https://orenveksler.co.il/wp-content/uploads/2026/05/file_00000000c3a4720aa6505114237b0de8-ov-hero-900.webp) !important;
  }
  body.elementor-page-18 .ov-hero-duo .elementor-repeater-item-duo2026 .swiper-slide-bg {
    background-image: url(https://orenveksler.co.il/wp-content/uploads/2026/11/oren-lifestyle-portraits-mobile-2026-ov-hero-900.webp) !important;
  }
}
@media (min-width: 768px) {
  body.elementor-page-18 .ov-hero-duo .elementor-repeater-item-duo2026 .swiper-slide-bg {
    background-image: url(https://orenveksler.co.il/wp-content/uploads/2026/11/oren-lifestyle-portraits-half-half-2026-ov-hero.webp) !important;
  }
}

/* (c) Cookiez first-visit banner lives in #cookiez-banner open Shadow Root.
   Compact styles are injected there by assets/js/cookie-banner-compact.js. */

/* (d) Keep floating cookie + accessibility buttons from covering end-of-page content.
   Cookie reopen icon moves to the bottom-right on mobile; Ally stays bottom-left.
   Extra footer padding so the last block (e.g. About FAQ) can scroll clear. */
@media (max-width: 767px) {
  body .elementor-location-footer {
    padding-bottom: 88px;
  }
  body.page-id-16878 #faq,
  body.page-id-16878 [id="faq"] {
    scroll-margin-bottom: 96px;
  }
  /* Cookie reopen icon is inside the Cookiez shadow root; see cookie-banner-compact.js. */
}

/* (e) Reserve 3:2 space for the main product image so the summary does not jump
   when the gallery finishes loading. Extra slides stay hidden until FlexSlider wraps them. */
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery {
  opacity: 1 !important;
}
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__wrapper {
  display: block;
  width: 100%;
}
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child,
.ov-sitewide-2026 .ov-product-gallery .flex-viewport {
  aspect-ratio: 3 / 2;
  width: 100%;
  background: #fafafa;
}
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
  display: none;
}
.ov-sitewide-2026 .ov-product-gallery .flex-viewport .woocommerce-product-gallery__image {
  display: block;
  aspect-ratio: 3 / 2;
  background: #fafafa;
}
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__image > a {
  display: block;
  width: 100%;
  height: 100%;
}
.ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__image > a > img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: #fafafa;
}
@media (min-width: 768px) {
  .ov-sitewide-2026 .ov-product-gallery .woocommerce-product-gallery__image > a > img {
    max-height: 760px;
  }
}

/* 1.0.7: Strikethrough (del) sale prices.
   WooCommerce sets del{opacity:.7}, which turns #535353/#686868 into #878787/#959595
   (~3:1 on white). Brand secondary gray #535353 at opacity 1 is ~7.4:1 (WCAG AA). */
body .price del,
body .price del span,
body .price del .woocommerce-Price-amount,
body .price del .amount,
body .woocommerce del,
body .woocommerce del span,
body .woocommerce del .woocommerce-Price-amount,
body .woocommerce del .amount,
body .jet-woo-product-price del,
body .jet-woo-product-price del span,
body .jet-woo-product-price del .woocommerce-Price-amount,
body .jet-woo-product-price del .amount,
body.ov-sitewide-2026 .ov-product-grid del,
body.ov-sitewide-2026 .ov-product-summary .price del {
  color: #535353 !important;
  opacity: 1 !important;
}