/* AIGS 2027 — final navigation positioning and balanced logo breathing room.
   The Sowind theme's original HTML, main styles, typography, colors, and artwork are preserved.
   This file overrides only header geometry; no original theme CSS file is modified. */

@media screen and (min-width: 992px) {
  /* Reserve spacing above and below the brand; applies to both home and internal headers. */
  header .menu_area .navbar-header-custom {
    padding-top: 19px !important;
    padding-bottom: 13px !important;
  }
  header.scrollHeader .menu_area .navbar-header-custom {
    padding-top: 10px !important;
    padding-bottom: 9px !important;
  }
  /* Keep the seven main menu entries centered in the remaining header space. */
  .menu_area nav.navbar > #nav.navbar-nav {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center;
    flex: 0 1 auto;
    min-width: 0;
  }
  /* CRITICAL: each submenu must be positioned relative to its own parent item,
     not the entire navbar or viewport. */
  .menu_area nav.navbar > #nav > li.has-sub {
    position: relative !important;
  }
  .menu_area nav.navbar > #nav > li.has-sub > ul {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transition: none !important; /* No ghost dropdowns when moving between menu groups. */
    min-width: 270px;
    max-width: min(340px, calc(100vw - 32px));
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  /* Info and Venue & Travel open toward the left side of their own trigger.
     This prevents right-edge clipping without moving the popup to viewport right. */
  .menu_area nav.navbar > #nav > li:nth-last-child(-n+2).has-sub > ul {
    left: auto !important;
    right: 0 !important;
  }
  .menu_area nav.navbar > #nav > li.has-sub:hover > ul,
  .menu_area nav.navbar > #nav > li.has-sub:focus-within > ul,
  .menu_area nav.navbar > #nav > li.has-sub.aigs-open > ul {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  /* Do not let theme's left:auto hover rule detach the dropdown. */
  .menu_area nav.navbar > #nav > li.has-sub:hover > ul,
  .menu_area nav.navbar > #nav > li.has-sub:focus-within > ul,
  .menu_area nav.navbar > #nav > li.has-sub.aigs-open > ul {
    left: 0 !important;
    right: auto !important;
  }
  .menu_area nav.navbar > #nav > li:nth-last-child(-n+2).has-sub:hover > ul,
  .menu_area nav.navbar > #nav > li:nth-last-child(-n+2).has-sub:focus-within > ul,
  .menu_area nav.navbar > #nav > li:nth-last-child(-n+2).has-sub.aigs-open > ul {
    left: auto !important;
    right: 0 !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
  .menu_area nav.navbar > #nav > li { margin-left: 2px; }
  .menu_area nav.navbar > #nav > li.has-sub { padding-right: 10px; }
  .menu_area nav.navbar > #nav > li > a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: .35px;
  }
  .menu_area nav.navbar .navbar-brand img {
    height: 54px !important;
    max-height: 54px !important;
  }
}

@media screen and (max-width: 991px) {
  /* Preserve the theme's original mobile accordion. */
  header .menu_area .navbar-header-custom {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  header.scrollHeader .menu_area .navbar-header-custom {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .menu_area nav.navbar > #nav.navbar-nav { margin-right: 0 !important; }
}


/* AIGS internal-page logo only: size and breathing room.
   No changes to navigation, home logo, content, colors or theme styles. */
@media screen and (min-width: 992px) {
  header.header-style1 .menu_area .navbar-header-custom .navbar-brand.logochange img[src$="logo-inner.png"] {
    height: 52px !important;
    max-height: 52px !important;
    width: auto !important;
    margin-top: 12px !important;
    margin-bottom: 5px !important;
  }
  header.header-style1.scrollHeader .menu_area .navbar-header-custom .navbar-brand.logochange img[src$="logo-inner.png"] {
    height: 48px !important;
    max-height: 48px !important;
    margin-top: 5px !important;
    margin-bottom: 3px !important;
  }
}
@media screen and (max-width: 991px) {
  header.header-style1 .menu_area .navbar-header-custom .navbar-brand.logochange img[src$="logo-inner.png"] {
    height: 45px !important;
    max-height: 45px !important;
    width: auto !important;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
  }
}