/*
 * REALPRO STUDIOS
 * CLIENT FINAL R2
 *
 * Scope:
 * - internal compact banners
 * - Contact Project Inquiry CTA spacing
 * - translucent scrolled header
 *
 * This file intentionally loads after historical
 * theme authorities and does not redesign components.
 */

/* ==========================================================
   INTERNAL BANNERS
   Home hero is intentionally excluded.
   ========================================================== */

html body.rp-page-about
main#main > section.rp-page-hero,

html body.rp-page-services
main#main > section.rp-page-hero,

html body.rp-page-process
main#main > section.rp-page-hero,

html body.rp-page-contact
main#main > section.rp-contact-hero {
  height:clamp(300px,34svh,430px) !important;
  min-height:clamp(300px,34svh,430px) !important;
  max-height:430px !important;
  overflow:hidden !important;
}

/* Internal hero inner geometry must inherit the compact
   banner rather than reintroduce a viewport-height minimum. */

html body.rp-page-about
main#main > section.rp-page-hero
> .rp-page-hero__content,

html body.rp-page-services
main#main > section.rp-page-hero
> .rp-page-hero__content,

html body.rp-page-process
main#main > section.rp-page-hero
> .rp-page-hero__content {
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
}

/* Contact CTA added to the existing contact channel block. */

html body.rp-page-contact
.rp-contact-project-action {
  margin-top:clamp(22px,3vw,34px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

/* ==========================================================
   SCROLLED HEADER
   Client request: "a bit transparent when scrolling down".
   This matches/exceeds the specificity of V5.2's opaque rule.
   ========================================================== */

html body
.site-header[data-header].is-scrolled[
  data-rp-v52-state="scrolled"
],

html body
.site-header[data-header].is-scrolled {
  background:rgba(250,250,248,.88) !important;
  -webkit-backdrop-filter:
    blur(16px) saturate(1.08) !important;
  backdrop-filter:
    blur(16px) saturate(1.08) !important;
  border-bottom:
    1px solid rgba(18,40,68,.08) !important;
  box-shadow:
    0 10px 30px rgba(5,17,32,.06) !important;
}

/* ==========================================================
   MOBILE
   Internal banners remain compact rather than returning
   to 100svh.
   ========================================================== */

@media (max-width:760px) {

  html body.rp-page-about
  main#main > section.rp-page-hero,

  html body.rp-page-services
  main#main > section.rp-page-hero,

  html body.rp-page-process
  main#main > section.rp-page-hero,

  html body.rp-page-contact
  main#main > section.rp-contact-hero {
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
  }

  html body.rp-page-about
  main#main > section.rp-page-hero
  > .rp-page-hero__content,

  html body.rp-page-services
  main#main > section.rp-page-hero
  > .rp-page-hero__content,

  html body.rp-page-process
  main#main > section.rp-page-hero
  > .rp-page-hero__content {
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
  }

  html body.rp-page-contact
  .rp-contact-project-action {
    margin-top:20px !important;
  }
}