/* REAL.PRO Studios · HEADER FINAL V5.2 */

/* TOP = transparent + white/red */
html body .site-header[data-header],
html body .site-header[data-header].is-scrolled,
html body .site-header[data-header][data-rp-v5-theme="light"],
html body .site-header[data-header][data-rp-v5-theme="dark"]{
  background:transparent!important;
  border-bottom-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}

html body .site-header[data-header] .header-logo::before,
html body .site-header[data-header][data-rp-v5-theme="light"] .header-logo::before,
html body .site-header[data-header][data-rp-v5-theme="dark"] .header-logo::before,
html body .site-header[data-header][data-rp-surface="light"] .header-logo::before,
html body .site-header[data-header][data-rp-surface="dark"] .header-logo::before{
  background-image:url("../images/brand/realpro-logo-horizontal-on-dark.webp")!important;
  opacity:1!important;
  visibility:visible!important;
}

html body .site-header[data-header] .menu-toggle{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(4,18,34,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 16px rgba(0,0,0,.025)!important;
}
html body .site-header[data-header] .menu-toggle span{background:#fff!important;}
html body .site-header[data-header] .menu-toggle span:nth-child(2){background:#e63236!important;}

/* SCROLLED = white + blue/red */
html body .site-header[data-header][data-rp-v52-state="scrolled"],
html body .site-header[data-header].is-scrolled[data-rp-v52-state="scrolled"]{
  background:#fff!important;
  border-bottom-color:rgba(6,24,43,.055)!important;
  box-shadow:0 6px 20px rgba(6,24,43,.045)!important;
}
html body .site-header[data-header][data-rp-v52-state="scrolled"] .header-logo::before{
  background-image:url("../images/brand/realpro-logo-horizontal.webp")!important;
}
html body .site-header[data-header][data-rp-v52-state="scrolled"] .menu-toggle{
  border-color:rgba(6,24,43,.10)!important;
  background:rgba(6,24,43,.018)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 16px rgba(6,24,43,.035)!important;
}
html body .site-header[data-header][data-rp-v52-state="scrolled"] .menu-toggle span{background:#06182b!important;}
html body .site-header[data-header][data-rp-v52-state="scrolled"] .menu-toggle span:nth-child(2){background:#e63236!important;}

/* Hamburger refinement */
html body .site-header[data-header] .menu-toggle{
  width:50px!important;min-width:50px!important;max-width:50px!important;
  height:50px!important;min-height:50px!important;max-height:50px!important;
  border-radius:15px!important;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
html body .site-header[data-header] .menu-toggle span{
  width:24px!important;height:2px!important;margin:2.7px 0!important;border-radius:999px!important;
}
html body .site-header[data-header] .menu-toggle span:nth-child(2){width:14px!important;margin-left:10px!important;}
html body .site-header[data-header] .menu-toggle:hover,
html body .site-header[data-header] .menu-toggle:focus-visible{transform:translateY(-1px)!important;}
html body .site-header[data-header] .menu-toggle:hover span:nth-child(2),
html body .site-header[data-header] .menu-toggle:focus-visible span:nth-child(2){width:24px!important;margin-left:0!important;}

/* Menu owns viewport */
html body.rp-v5-menu-open .site-header[data-header],
html body.rp-v52-menu-open .site-header[data-header],
html:has(.fullscreen-menu#siteMenu.is-open) body .site-header[data-header]{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important;
}

/* Align symbol + one X on same row */
html body .fullscreen-menu#siteMenu.is-open .menu-top{
  box-sizing:border-box!important;
  position:absolute!important;
  top:var(--rp-v52-top)!important;
  left:var(--rp-v52-gutter)!important;
  right:var(--rp-v52-gutter)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:auto!important;
  height:var(--rp-v52-control)!important;
  min-height:var(--rp-v52-control)!important;
  max-height:var(--rp-v52-control)!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  pointer-events:none!important;z-index:60!important;
}
html body .fullscreen-menu#siteMenu.is-open .menu-top::after{display:none!important;content:none!important;}
html body .fullscreen-menu#siteMenu.is-open .menu-top > img,
html body .fullscreen-menu#siteMenu.is-open .menu-top > img.rp-brand-logo--menu{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important;
}
html body .fullscreen-menu#siteMenu.is-open .menu-top::before{
  content:""!important;
  position:relative!important;top:auto!important;left:auto!important;
  display:block!important;
  flex:0 0 var(--rp-v52-symbol-w)!important;
  width:var(--rp-v52-symbol-w)!important;height:var(--rp-v52-symbol-h)!important;
  min-width:var(--rp-v52-symbol-w)!important;max-width:var(--rp-v52-symbol-w)!important;
  min-height:var(--rp-v52-symbol-h)!important;max-height:var(--rp-v52-symbol-h)!important;
  margin:0!important;padding:0!important;
  background:url("../images/brand/realpro-logo-symbol-on-dark.webp") left center/contain no-repeat!important;
  opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;
}

html body .fullscreen-menu#siteMenu.is-open .rp-v52-close-duplicate{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important;
}
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close{
  box-sizing:border-box!important;
  position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 var(--rp-v52-control)!important;
  width:var(--rp-v52-control)!important;height:var(--rp-v52-control)!important;
  min-width:var(--rp-v52-control)!important;max-width:var(--rp-v52-control)!important;
  min-height:var(--rp-v52-control)!important;max-height:var(--rp-v52-control)!important;
  margin:0!important;padding:0!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;
  background:rgba(5,20,37,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.08)!important;
  color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;
  overflow:hidden!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:none!important;z-index:62!important;
}
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close > *{opacity:0!important;visibility:hidden!important;}
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close::before,
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close::after{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;
  display:block!important;width:var(--rp-v52-x-size)!important;height:2.25px!important;border-radius:999px!important;transform-origin:center!important;
}
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close::before{background:#fff!important;transform:translate(-50%,-50%) rotate(45deg)!important;}
html body .fullscreen-menu#siteMenu.is-open .rp-v52-primary-close::after{background:#e63236!important;transform:translate(-50%,-50%) rotate(-45deg)!important;}

@media (max-width:359px){:root{--rp-v52-gutter:20px;--rp-v52-top:18px;--rp-v52-control:52px;--rp-v52-symbol-w:58px;--rp-v52-symbol-h:43px;--rp-v52-x-size:24px;}}
@media (min-width:360px) and (max-width:599px){:root{--rp-v52-gutter:24px;--rp-v52-top:22px;--rp-v52-control:54px;--rp-v52-symbol-w:64px;--rp-v52-symbol-h:47px;--rp-v52-x-size:25px;}}
@media (min-width:600px) and (max-width:760px){:root{--rp-v52-gutter:30px;--rp-v52-top:24px;--rp-v52-control:54px;--rp-v52-symbol-w:68px;--rp-v52-symbol-h:49px;--rp-v52-x-size:25px;}}
@media (min-width:761px) and (max-width:1024px){:root{--rp-v52-gutter:42px;--rp-v52-top:28px;--rp-v52-control:56px;--rp-v52-symbol-w:72px;--rp-v52-symbol-h:51px;--rp-v52-x-size:26px;}}
@media (min-width:1025px) and (max-width:1439px){:root{--rp-v52-gutter:58px;--rp-v52-top:30px;--rp-v52-control:56px;--rp-v52-symbol-w:76px;--rp-v52-symbol-h:53px;--rp-v52-x-size:27px;}}
@media (min-width:1440px){:root{--rp-v52-gutter:72px;--rp-v52-top:34px;--rp-v52-control:58px;--rp-v52-symbol-w:80px;--rp-v52-symbol-h:55px;--rp-v52-x-size:28px;}}
@media (max-width:760px) and (max-height:560px) and (orientation:landscape){:root{--rp-v52-gutter:24px;--rp-v52-top:12px;--rp-v52-control:48px;--rp-v52-symbol-w:54px;--rp-v52-symbol-h:38px;--rp-v52-x-size:22px;}}