/* =====================================================================
   Diamond Consulate fixes, Nov 3 2026 (c). Loaded last on every page.
   The :not(#id) chains only raise specificity so these beat older
   !important rules in luxury-refinement.css. They match every page.
   ===================================================================== */

/* ---------- 1. Homepage hero eyebrow: visible on desktop and mobile ---------- */
html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero .hero-body .lbl{
  display:block!important;visibility:visible!important;opacity:1!important;
  color:#E3D2B4!important;text-shadow:0 1px 3px rgba(0,0,0,.55)!important;
  font-size:.74rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  line-height:1.5!important;margin:0 0 .9rem!important;
}

/* ---------- 2. Homepage hero: let content set the height so buttons never clip ---------- */
@media (min-width:761px){
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero{
    height:auto!important;max-height:none!important;min-height:clamp(540px,72vh,700px)!important;
    overflow:hidden!important;align-items:center!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero .hero-body{
    padding-top:clamp(2.75rem,5vw,4rem)!important;padding-bottom:clamp(3.25rem,6vw,4.75rem)!important;
    height:auto!important;max-height:none!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero .hero-ctas{
    margin-top:1.4rem!important;margin-bottom:0!important;
  }
}
@media (max-width:760px){
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero .hero-body .lbl{
    color:#5E4A33!important;text-shadow:none!important;text-align:center!important;margin:.2rem 0 .7rem!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero{
    padding-bottom:0!important;overflow:visible!important;height:auto!important;max-height:none!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body.home-page:not(#dcf5):not(#dcf6) header.hero.dc-home-photo-hero .hero-body{
    padding-bottom:2.25rem!important;
  }
}

/* ---------- 2b. Inner-page photo heroes on desktop: clear the fixed nav, room above/below ---------- */
@media (min-width:761px){
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero{
    margin-top:102px!important;padding-top:0!important;padding-bottom:0!important;
    height:auto!important;max-height:none!important;overflow:hidden!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero > .wrap{
    padding-top:clamp(2.75rem,5vw,4rem)!important;padding-bottom:clamp(3rem,5.5vw,4.5rem)!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero :is(.btn,.cta-primary,.cta-secondary){
    margin-bottom:0!important;
  }
  /* Light split hero (Wedding Bands): dark text, no glow */
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-light-hero .wrap :is(h1,h2,p,span,div,.h1,.lede,.lbl,a:not(.btn):not(.cta-primary):not(.cta-secondary)){
    color:#1F1814!important;text-shadow:none!important;-webkit-text-stroke:0!important;
  }
}

/* ---------- 7. Inner pages on mobile: hero text black, no shadow (guides/blog untouched) ---------- */
@media (max-width:760px){
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap,
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap :is(h1,h2,h3,p,span,div,.h1,.lede,.lbl,nav,a:not(.btn):not(.cta-primary):not(.cta-secondary)){
    color:#000!important;text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;opacity:1!important;
  }
  /* breadcrumb a touch softer so the H1 leads */
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap > div[style],
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap > div[style] a,
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap :is(nav.breadcrumb,nav.breadcrumb a,.dc-service-crumb,.dc-service-crumb a){
    color:#3B3028!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero .wrap :is(.btn,.cta-primary,.cta-primary *){
    color:#111!important;text-shadow:none!important;
  }
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) header.phead.dc-photo-hero{
    background:#f8f5ef!important;
  }
}

/* ---------- 5. Customer review marquee: swipe / tap control ---------- */
.dc-review-window.is-enhanced{
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;outline:none;
}
.dc-review-window.is-enhanced::-webkit-scrollbar{display:none}
.dc-review-window.is-enhanced .dc-review-track{animation:none!important;transform:none!important}
.dc-review-window.is-enhanced:focus-visible{outline:2px solid #B9A281;outline-offset:4px}
.dc-review-window.is-paused .dc-review-card{border-color:#cdb994!important}
.dc-review-hint{display:none;text-align:center!important;margin:.9rem auto 0!important;font-size:.8rem;line-height:1.4;color:#6C5235;letter-spacing:.02em}
@media (max-width:760px),(hover:none){.dc-review-hint{display:block}}

/* ---------- 6. Featured In: tighter logo spacing ---------- */
html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-list li{
  width:auto!important;padding:0 clamp(14px,1.8vw,26px)!important;
}
html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-item{
  width:auto!important;min-height:96px!important;padding:.4rem 0!important;
}
html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-logo img{
  width:auto!important;height:auto!important;max-width:180px!important;max-height:84px!important;object-fit:contain!important;
}
@media (max-width:760px){
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-list li{padding:0 12px!important}
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-item{min-height:80px!important}
  html:not(#dcf1):not(#dcf2):not(#dcf3):not(#dcf4) body:not(#dcf5):not(#dcf6) .dc-recognition-logo img{max-width:130px!important;max-height:66px!important}
}