/* WaterPurity Aqua Landing v1.2.1 — internal Divi header only.
   Does NOT create/replace menu links or modify WordPress menu settings.
   Preserves the existing seven primary items, nested dropdowns and GTranslate flags.
   The site's original mobile header remains in use at <=980px. */
@media screen and (min-width:981px) {
  body.wpah-internal-active.et_header_style_left #main-header,
  body.wpah-internal-active #main-header {
    background:#041935 !important;
  }
  /* Divi's default max-width:1080px caused seven top-level items to wrap. */
  body.wpah-internal-active #main-header > .container {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:clamp(18px,2.5vw,46px) !important;
    width:calc(100% - 64px) !important;
    max-width:1600px !important;
    min-height:100px !important;
    height:auto !important;
    margin-right:auto !important;
    margin-left:auto !important;
  }
  body.wpah-internal-active #main-header .logo_container {
    position:relative !important;
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:225px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.wpah-internal-active #main-header #logo {
    position:static !important;
    display:block !important;
    width:auto !important;
    max-width:220px !important;
    max-height:61px !important;
    height:auto !important;
    margin:0 !important;
    transform:none !important;
    object-fit:contain !important;
  }
  body.wpah-internal-active #main-header #et-top-navigation {
    float:none !important;
    position:relative;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.wpah-internal-active #main-header #top-menu-nav {
    float:none !important;
    width:auto !important;
    flex:0 1 auto !important;
    min-width:0 !important;
  }
  body.wpah-internal-active #main-header #top-menu {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(10px,1.05vw,20px) !important;
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
  }
  body.wpah-internal-active #main-header #top-menu > li {
    display:block !important;
    float:none !important;
    flex:0 0 auto !important;
    position:relative !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.wpah-internal-active #main-header #top-menu > li > a {
    display:block !important;
    color:#fff !important;
    font-size:clamp(10px,.71vw,12.5px) !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    letter-spacing:0 !important;
    margin:0 !important;
    padding:16px 0 !important;
  }
  body.wpah-internal-active #main-header #top-menu > li.menu-item-has-children > a:first-child {
    padding-right:16px !important;
  }
  body.wpah-internal-active #main-header #top-menu > li.menu-item-has-children > a:first-child::after {
    top:50% !important;
    right:0 !important;
    margin-top:0 !important;
    transform:translateY(-50%) !important;
  }
  body.wpah-internal-active #main-header #top-menu > li > ul.sub-menu {
    top:100% !important;
    z-index:99999 !important;
    width:245px !important;
    padding:15px 0 !important;
  }
  body.wpah-internal-active #main-header #top-menu li ul.sub-menu a {
    font-size:12.5px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
  }
  body.wpah-internal-active #main-header #top-menu > li > a:focus-visible,
  body.wpah-internal-active #main-header #top-menu li ul.sub-menu a:focus-visible {
    outline:3px solid #6de1ff !important;
    outline-offset:3px !important;
  }
  /* Keep optional Divi search/cart controls after the navigation. */
  body.wpah-internal-active #main-header #et_top_search {
    float:none !important;
    margin:0 0 0 15px !important;
    flex:0 0 auto !important;
  }
  /* Social icons remain visible, but are removed from the menu's width calculation. */
  body.wpah-internal-active #main-header #et-top-navigation .et-social-icons {
    position:absolute !important;
    top:-29px !important;
    right:0 !important;
    float:none !important;
    margin:0 !important;
  }
}
/* Intermediate laptop sizes: preserve all seven links without allowing two rows. */
@media screen and (min-width:981px) and (max-width:1299px) {
  body.wpah-internal-active #main-header > .container {width:calc(100% - 32px) !important;gap:12px !important;}
  body.wpah-internal-active #main-header .logo_container {width:177px !important;}
  body.wpah-internal-active #main-header #logo {max-width:172px !important;max-height:54px !important;}
  body.wpah-internal-active #main-header #top-menu {gap:7px !important;}
  body.wpah-internal-active #main-header #top-menu > li > a {font-size:10px !important;}
}
/* Use Divi's native menu and hamburger at <=980px. */
@media screen and (max-width:980px) {
  body.wpah-internal-active #main-header .logo_container,
  body.wpah-internal-active #main-header #et-top-navigation {display:block;}
  body.wpah-internal-active #main-header #logo {max-height:60px;width:auto;}
  body.wpah-internal-active #main-header .et_mobile_menu {max-height:72vh;overflow-y:auto;}
  body.wpah-internal-active #main-header .mobile_menu_bar:before {color:#fff !important;}
}

/* v1.2.2 — replace legacy Divi social icon row with only Facebook + Instagram. */
body.wpah-internal-active.wpah-social-ready #main-header .et-social-icons,
body.wpah-internal-active.wpah-social-ready #top-header .et-social-icons {display:none!important}
body.wpah-internal-active #main-header #et-top-navigation {position:relative}
body.wpah-internal-active .wpah-interior-social {display:flex!important;gap:15px;align-items:center;z-index:1000}
body.wpah-internal-active .wpah-interior-social a{color:#fff!important;display:inline-flex;width:24px;height:26px;align-items:center;justify-content:center;opacity:.96}
body.wpah-internal-active .wpah-interior-social a:hover{color:#63d9ff!important}
body.wpah-internal-active .wpah-interior-social a:focus-visible{outline:3px solid #75deff;outline-offset:3px}
body.wpah-internal-active .wpah-interior-social svg{display:block;width:17px;height:17px}
@media(min-width:981px){body.wpah-internal-active .wpah-interior-social{position:absolute;left:0;top:-29px}}
@media(max-width:980px){body.wpah-internal-active .wpah-interior-social{position:absolute;right:55px;top:7px}}