/* Easy Web Rent modern two-tier public header. Branding uses configured theme variables. */
.ewr-header-modern{position:relative;z-index:100;background:#fff!important;box-shadow:0 2px 12px rgba(17,34,51,.045)}
.ewr-header-modern .ewr-topbar{background:linear-gradient(100deg,var(--color-one,#ff9307),var(--color-two,#127384));color:#fff;min-height:48px}
.ewr-header-modern .ewr-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}
.ewr-header-modern .ewr-topbar-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-width:0}
.ewr-header-modern .ewr-topbar-contact a{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-size:14px;text-decoration:none;white-space:nowrap}
.ewr-header-modern .ewr-top-icon{background:#fff;display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;color:var(--color-two,#127384)}
.ewr-header-modern .ewr-topbar-social{display:flex;align-items:center;gap:9px;flex-shrink:0}
.ewr-header-modern .ewr-topbar-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--color-two,#127384)!important;text-decoration:none;font-size:15px;transition:transform .18s ease}
.ewr-header-modern .ewr-topbar-social a:hover{transform:translateY(-2px)}
.ewr-header-modern .ewr-nav-container .header-nav{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:12px 0!important}
.ewr-header-modern .navbar-header{display:flex;align-items:center;flex:0 0 auto}
.ewr-header-modern .navbar-brand.logo{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important}
.ewr-header-modern .navbar-brand.logo img{width:auto!important;max-width:230px!important;max-height:60px!important;object-fit:contain}
.ewr-header-modern .main-menu-wrapper{margin-left:auto!important}
.ewr-header-modern .main-nav{display:flex;align-items:center;gap:32px;margin:0;padding:0}
.ewr-header-modern .main-nav > li{margin:0!important;padding:0!important}
.ewr-header-modern .main-nav > li > a{color:var(--color-three,#201f1d)!important;font-size:16px!important;font-weight:500!important;white-space:nowrap;padding:9px 0!important}
.ewr-header-modern .main-nav > li > a:hover,.ewr-header-modern .main-nav > li.active > a{color:var(--color-one,#ff9307)!important}
.ewr-header-modern .header-navbar-rht{display:none!important}
@media(max-width:991.98px){
 .ewr-header-modern .ewr-nav-container .header-nav{min-height:72px;padding:9px 0!important}
 .ewr-header-modern .navbar-brand.logo img{max-height:55px!important;max-width:180px!important}
 .ewr-header-modern .main-nav{display:block;gap:0}
 .ewr-header-modern .main-nav>li>a{padding:12px 18px!important}
 .ewr-header-modern .main-menu-wrapper{margin-left:0!important}
 .ewr-header-modern .ewr-topbar-inner{padding-top:7px;padding-bottom:7px}
}
@media(max-width:600px){
 .ewr-header-modern .ewr-topbar-inner{flex-direction:column;align-items:center;gap:8px}
 .ewr-header-modern .ewr-topbar-contact{justify-content:center;gap:6px 14px}
 .ewr-header-modern .ewr-topbar-contact a{font-size:12px}
 .ewr-header-modern .ewr-topbar-social a{width:28px;height:28px;font-size:13px}
}

/* Center both the brand and desktop menu vertically within the white nav row.
   Overrides legacy theme alignments that pull the menu toward the bottom. */
@media (min-width: 992px) {
  .ewr-header-modern .ewr-nav-container .header-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 75px !important;
    min-height: 75px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .ewr-header-modern .header-nav > .navbar-header,
  .ewr-header-modern .header-nav > .main-menu-wrapper {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: 100% !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    top: auto !important;
    bottom: auto !important;
  }
  .ewr-header-modern .navbar-brand.logo,
  .ewr-header-modern .main-nav,
  .ewr-header-modern .main-nav > li {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .ewr-header-modern .main-nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
  }
}

/* Desktop: center the navigation in the remaining header space instead of
   right-aligning it against the container edge. Keep the logo fixed left. */
@media (min-width: 992px) {
  .ewr-header-modern .ewr-nav-container .header-nav > .main-menu-wrapper {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }
  .ewr-header-modern .main-menu-wrapper .main-nav {
    justify-content: center !important;
    width: max-content !important;
    max-width: 100% !important;
  }
}

/* Larger desktop navigation labels while retaining the 75px navigation height. */
@media (min-width: 992px) {
  .ewr-header-modern .main-nav > li > a {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}