/* Header refresh for the static site. Loaded after the theme CSS on every page.
   Only the desktop/tablet header (.wraper_header_main) is touched; the phone slide-out menu is unchanged. */

/* Row layout: logo left, menu + actions right, everything vertically centred. */
.wraper_header_main { box-shadow: 0 4px 20px rgba(34, 21, 67, .07); }
/* The theme pads this container 22px top/bottom and gives .nav / .header_main_action auto side margins
   and small top margins (made for its float layout) - clear them so the flex row controls spacing. */
.wraper_header_main > .container { padding-top: 0; padding-bottom: 0; }
.wraper_header_main .header_main { display: flex; align-items: center; height: auto; min-height: 92px; }
.wraper_header_main .header_main::before,
.wraper_header_main .header_main::after { display: none; }
.wraper_header_main .header_main .brand-logo { order: 1; float: none; margin: 0; padding: 14px 0; }
.wraper_header_main .header_main .brand-logo img { width: auto; height: 62px; }
.wraper_header_main .header_main .nav { order: 2; float: none; margin: 0 0 0 auto; }
.wraper_header_main .header_main .header_main_action { order: 3; float: none; margin: 0 0 0 18px; }
.wraper_header_main .header_main .responsive-nav { order: 4; margin-left: auto; }
.wraper_header_main .header_main_action ul { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; }
.wraper_header_main .header_main_action ul > li { float: none; margin: 0 !important; }

/* Menu items: larger, medium-weight Poppins in the site navy, title case. */
.wraper_header_main .nav > [class*='menu-'] > ul.menu { display: flex; align-items: center; gap: 4px; }
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li { float: none; margin: 0 !important; }
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a {
  position: relative; padding: 10px 16px !important;
  font-family: Poppins, sans-serif; font-size: 15px; font-weight: 500; line-height: 22px; letter-spacing: .2px;
  text-transform: none; color: #221543; transition: color .2s ease;
}
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li:hover > a,
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li.current-menu-item > a { color: #221543; }
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li.current-menu-item > a { font-weight: 600; }

/* Replace the theme's tiny side bar with an underline that slides in on hover / current page. */
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a:before { display: none !important; }
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a::after {
  content: ""; position: absolute; left: 16px; right: 16px; bottom: 3px; height: 2px; border-radius: 2px;
  background: #221543; transform: scaleX(0); transform-origin: left center; transition: transform .25s ease;
}
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li:hover > a::after,
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a:focus-visible::after,
.wraper_header_main .nav > [class*='menu-'] > ul.menu > li.current-menu-item > a::after { transform: scaleX(1); }

/* Search icon + "Get a Quote" button. */
.wraper_header_main .header_main_action ul > li.floating-searchbar i { font-size: 17px; color: #221543; }
.wraper_header_main .header_main_action ul > li.fv-header-cta a {
  display: inline-block; padding: 12px 26px; border-radius: 50px; background: #221543; color: #fff;
  font-family: Poppins, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: none;
  white-space: nowrap; box-shadow: 0 6px 16px rgba(34, 21, 67, .18); transition: background .2s ease, transform .2s ease;
}
.wraper_header_main .header_main_action ul > li.fv-header-cta a:hover,
.wraper_header_main .header_main_action ul > li.fv-header-cta a:focus { background: #3b2a73; color: #fff; text-decoration: none; transform: translateY(-1px); }

/* Smaller desktops / tablets: tighten, then drop the button so everything stays on one line. */
@media (max-width: 1199px) {
  .wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a { padding: 10px 11px !important; font-size: 14px; }
  .wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a::after { left: 11px; right: 11px; }
  .wraper_header_main .header_main_action ul > li.fv-header-cta a { padding: 11px 20px; font-size: 13px; }
}
@media (max-width: 991px) {
  .wraper_header_main .header_main_action ul > li.fv-header-cta { display: none; }
  .wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a { padding: 8px 8px !important; font-size: 13.5px; }
  .wraper_header_main .nav > [class*='menu-'] > ul.menu > li > a::after { left: 8px; right: 8px; }
  .wraper_header_main .header_main .brand-logo img { height: 54px; }
}
