/*
  NAGARA — Hybrid Light / Dark v8
  Contrast-only correction layer.
  No layout, sizing, transform, animation, timing, image/video source or JS behavior is changed.
*/

/* --- Adaptive fixed navigation ---
   White + difference keeps the nav readable over both the dark cinematic
   sections and the warm light sections without changing scroll logic. */
.nav {
  color: #fff !important;
  mix-blend-mode: difference;
}
.nav .logo-svg path {
  fill: currentColor !important;
}
.nav .nav_menu_button circle,
.nav .nav_menu_button line {
  stroke: currentColor !important;
}
.nav .button_small_wrap.btn_main_wrap {
  color: inherit !important;
  border-color: currentColor !important;
  background-color: transparent !important;
}

/* --- HERO: restore the original dark cinematic opening --- */
.hero_wrap {
  background-color: var(--cinema-black) !important;
  color: var(--swatch--light) !important;
}
.hero_wrap .hero_contain,
.hero_wrap .hero_layout,
.hero_wrap .hero_title,
.hero_wrap .hero_text {
  color: inherit;
}

/* The radial mask was only needed when the hero sat on a light canvas.
   On dark it changes the original artwork, so remove it. */
.hero_img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  mix-blend-mode: normal !important;
}

/* Keep the source artwork's original black fades so the watch sits naturally. */
.hero_wrap .g_fade_masking.is-top {
  background-image: linear-gradient(#000, transparent) !important;
}
.hero_wrap .g_fade_masking.is-bottom {
  background-image: linear-gradient(transparent, #000) !important;
}

/* --- PRODUCT / COLLECTION PINNED SCROLLER: keep it DARK --- */
.explore_product_wrap {
  background-color: var(--cinema-black) !important;
  color: var(--swatch--light) !important;
}
.explore_product_bg {
  background-color: var(--cinema-black) !important;
}

/* Restore the richer image presence from the dark composition. */
.explore_product_img {
  opacity: .20 !important;
}

/* Explicit contrast: text must never inherit the light-page ink here. */
.explore_product_wrap .explore_product_content,
.explore_product_wrap .explore_product_item,
.explore_product_wrap .explore_product_layout,
.explore_product_wrap .explore_product_title,
.explore_product_wrap .explore_product_desc,
.explore_product_wrap .explore_product_btn_wrap,
.explore_product_wrap .explore_product_link,
.explore_product_wrap h1,
.explore_product_wrap h2,
.explore_product_wrap h3,
.explore_product_wrap h4,
.explore_product_wrap h5,
.explore_product_wrap h6,
.explore_product_wrap p,
.explore_product_wrap a {
  color: var(--swatch--light) !important;
}

/* Small underline / rule elements inside the collection should also read light. */
.explore_product_wrap [class*="line"],
.explore_product_wrap [class*="divider"] {
  border-color: rgba(248,248,248,.55) !important;
}

/* Product image cards remain deep black as in the original composition. */
.product_left,
.product_right {
  background-color: var(--cinema-black) !important;
}

/* --- CTA remains a deliberate dark break --- */
.cta_wrap {
  background-color: var(--cinema-black) !important;
  color: var(--swatch--light) !important;
}

/* Final video remains dark. */
.footer_bottom_wrap {
  color: var(--swatch--light) !important;
}