/* SiteHeaderViewComponent: the shared header's authoritative visual configuration.
   Loaded after page styles. No page/locale conditions; navigation behavior remains in site.js.
   Existing menu, flag and mobile-drawer styles are shared base styles, not page variants. */
#myrent-site-header {
  --header-utility-height:27px;
  --header-nav-height:65px;
  --header-height:calc(var(--header-utility-height) + var(--header-nav-height));
  --header-shell-width:1200px;
  --header-gutter:24px;
  position:sticky; top:0; z-index:50; height:var(--header-height);
  background:#fff; color:#142b43; box-shadow:0 2px 9px #23405208;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif;
}
#myrent-site-header [hidden] { display:none !important; }
#myrent-site-header .shell { width:min(calc(100% - var(--header-gutter) * 2),var(--header-shell-width)); margin-inline:auto; }
#myrent-site-header .contact-bar, #myrent-site-header .contact-bar__inner { height:var(--header-utility-height); }
#myrent-site-header .contact-bar { color:#fff; background:#2c6c78; }
#myrent-site-header .contact-bar__inner { display:flex; align-items:center; justify-content:flex-end; gap:25px; }
#myrent-site-header .contact-bar__description { display:block; margin-right:auto; font-size:11px; line-height:1.4; }
#myrent-site-header .contact-link { font-size:11px; color:#fff; }
#myrent-site-header .contact-bar__language-slot,
#myrent-site-header .contact-link--mobile-contact,
#myrent-site-header .contact-link--mobile-news,
#myrent-site-header .contact-link__phone-action { display:none; }
#myrent-site-header .contact-link--email, #myrent-site-header .contact-link--phone { display:inline-flex; }
#myrent-site-header .contact-link__phone-number { display:inline; }
#myrent-site-header .site-nav { position:relative; background:#fff; }
#myrent-site-header .site-nav, #myrent-site-header .site-nav__inner { height:var(--header-nav-height); }
#myrent-site-header .site-nav__inner { display:flex; align-items:center; gap:24px; }
#myrent-site-header .brand-logo { flex:0 0 auto; }
#myrent-site-header .brand-logo img { display:block; width:138px; height:auto; }
#myrent-site-header .desktop-navigation { display:block; min-width:0; flex:1 1 auto; }
#myrent-site-header .header-actions { display:flex; align-items:center; gap:14px; }
#myrent-site-header .login-link { font-family:inherit; }
#myrent-site-header .header-trial, #myrent-site-header .mobile-header-trial {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px;
  padding:10px 20px; border-radius:999px; background:#008c9c; color:#fff;
  font-family:inherit; font-size:12px; font-weight:650; line-height:1.2; white-space:nowrap;
}
#myrent-site-header .header-trial:hover, #myrent-site-header .mobile-header-trial:hover { background:#087688; color:#fff; }
#myrent-site-header .mobile-header-trial, #myrent-site-header .mobile-menu-toggle { display:none; }
#myrent-site-header .mobile-navigation { top:var(--header-height); }
#myrent-site-header :is(a,button,summary):focus-visible { outline:3px solid #087c92; outline-offset:3px; }
#myrent-site-header .contact-bar :is(a,summary):focus-visible { outline-color:#fff; outline-offset:-3px; }
@media (max-width:1350px) {
  #myrent-site-header .desktop-navigation, #myrent-site-header .header-actions { display:none; }
  #myrent-site-header .mobile-header-trial { display:inline-flex; margin-left:auto; }
  #myrent-site-header .mobile-menu-toggle { display:flex; flex:0 0 44px; align-items:center; justify-content:center; width:44px; height:44px; margin:0; }
  #myrent-site-header .mobile-navigation { position:fixed; left:0; right:0; bottom:0; overflow-y:auto; background:#fff; }
}
@media (max-width:1100px) {
  #myrent-site-header .contact-bar__description { display:none; }
}
@media (max-width:620px) {
  #myrent-site-header { --header-utility-height:40px; --header-nav-height:68px; --header-gutter:16px; }
  #myrent-site-header .site-nav__inner { gap:10px; }
  #myrent-site-header .brand-logo img { width:116px; }
  #myrent-site-header .mobile-header-trial { padding:9px 15px; font-size:12px; }
  #myrent-site-header .contact-bar__inner { display:grid; width:calc(100% - 12px); grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
  #myrent-site-header .contact-bar__description,
  #myrent-site-header .contact-link--email,
  #myrent-site-header .contact-link__phone-number { display:none; }
  #myrent-site-header .contact-bar__language-slot,
  #myrent-site-header .contact-link__phone-action { display:flex; }
  #myrent-site-header .contact-link--phone,
  #myrent-site-header .contact-link--mobile-contact,
  #myrent-site-header .contact-link--mobile-news { display:inline-flex; font-size:11.5px; }
  #myrent-site-header .contact-bar__language-slot,
  #myrent-site-header .contact-link--phone,
  #myrent-site-header .contact-link--mobile-contact,
  #myrent-site-header .contact-link--mobile-news,
  #myrent-site-header .contact-bar__language-slot .language-switcher > summary { min-height:var(--header-utility-height); height:var(--header-utility-height); }
}
@media (max-width:360px) {
  #myrent-site-header .site-nav__inner { gap:7px; }
  #myrent-site-header .brand-logo img { width:102px; }
  #myrent-site-header .mobile-header-trial { padding-inline:11px; font-size:10px; }
  #myrent-site-header .mobile-menu-toggle { flex-basis:38px; width:38px; }
  #myrent-site-header .contact-link--phone,
  #myrent-site-header .contact-link--mobile-contact,
  #myrent-site-header .contact-link--mobile-news { font-size:10.2px; }
}
@media (prefers-reduced-motion:reduce) {
  #myrent-site-header .header-trial, #myrent-site-header .mobile-header-trial { transition:none; transform:none; }
}