/*
 * Huuguu v1.52.6 — Desktop Navigation Alignment Engine
 * Owns desktop logo/nav/actions distribution.
 */

@media (min-width: 1025px) {
  .site-header .huuguu-header-desktop--left {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: var(--hgg-header-column-gap, 32px) !important;
    width: 100% !important;
  }

  .site-header .huuguu-header-desktop--left .header-branding {
    grid-column: 1 !important;
    min-width: 0 !important;
    justify-self: start !important;
  }

  .site-header .huuguu-header-desktop--left .header-nav {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: var(--hgg-menu-justify, flex-end) !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .site-header .huuguu-header-desktop--left .header-actions {
    grid-column: 3 !important;
    min-width: max-content !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--hgg-header-actions-gap, 12px) !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }

  .site-header .huuguu-header-desktop--left .header-nav .main-navigation,
  .site-header .huuguu-header-desktop--left .header-nav .main-navigation > ul,
  .site-header .huuguu-header-desktop--left .header-nav .main-navigation .menu {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .site-header .huuguu-header-desktop--left .header-nav .main-navigation .menu {
    display: flex !important;
    align-items: center !important;
    justify-content: inherit !important;
    flex-wrap: wrap !important;
    gap: var(--hgg-header-menu-gap, 24px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .site-header-inner.layout-left .huuguu-header-desktop--left .header-nav,
  .site-header .huuguu-header-desktop--left.layout-left .header-nav {
    justify-content: flex-start !important;
  }

  .site-header .site-header-inner.layout-center .huuguu-header-desktop--left .header-nav,
  .site-header .huuguu-header-desktop--left.layout-center .header-nav {
    justify-content: center !important;
  }

  .site-header .site-header-inner.layout-right .huuguu-header-desktop--left .header-nav,
  .site-header .huuguu-header-desktop--left.layout-right .header-nav {
    justify-content: flex-end !important;
  }

  .site-header--premium .huuguu-header-desktop--left .header-nav,
  .site-header--overlay .huuguu-header-desktop--left .header-nav {
    box-shadow: none !important;
  }
}


/*
 * Huuguu v1.52.7 — Header Layout Controls Fix
 * Fixes Customizer controls:
 * 1) huuguu_header_layout: left / center / split / center-actions
 * 2) huuguu_header_menu_alignment: left / center / right
 *
 * Rule:
 * - Layout controls structure.
 * - Menu alignment controls only the menu cluster inside its available area.
 */

@media (min-width: 1025px) {
  .site-header .huuguu-header-shell {
    width: 100%;
    min-width: 0;
  }

  .site-header .huuguu-header-desktop {
    width: 100%;
    min-width: 0;
    align-items: center;
  }

  /*
   * LEFT LOGO LAYOUT
   * [brand] [nav] [actions]
   */
  .site-header .site-header-inner.layout-left .huuguu-header-desktop--left {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    column-gap: var(--hgg-header-column-gap, 32px) !important;
  }

  .site-header .site-header-inner.layout-left .huuguu-header-desktop--left .header-branding {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  .site-header .site-header-inner.layout-left .huuguu-header-desktop--left .header-nav {
    grid-column: 2 !important;
    justify-self: stretch !important;
  }

  .site-header .site-header-inner.layout-left .huuguu-header-desktop--left .header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  /*
   * CENTER LOGO LAYOUT
   * [nav] [brand centered] [actions]
   * This prevents the nav from occupying the logo/action columns.
   */
  .site-header .site-header-inner.layout-center .huuguu-header-desktop--center {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    column-gap: var(--hgg-header-column-gap, 32px) !important;
  }

  .site-header .site-header-inner.layout-center .huuguu-header-desktop--center .header-nav {
    grid-column: 1 !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }

  .site-header .site-header-inner.layout-center .huuguu-header-desktop--center .header-branding {
    grid-column: 2 !important;
    justify-self: center !important;
    text-align: center !important;
    min-width: 0 !important;
  }

  .site-header .site-header-inner.layout-center .huuguu-header-desktop--center .header-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    min-width: max-content !important;
  }

  .site-header .site-header-inner.layout-center .huuguu-header-desktop--center.huuguu-header-desktop--no-actions {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  }

  /*
   * SPLIT / CENTER ACTIONS: keep older semantics but normalize columns.
   */
  .site-header .site-header-inner.layout-split .huuguu-header-desktop--split,
  .site-header .site-header-inner.layout-center-actions .huuguu-header-desktop--center-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    column-gap: var(--hgg-header-column-gap, 32px) !important;
  }

  .site-header .site-header-inner.layout-split .header-branding,
  .site-header .site-header-inner.layout-center-actions .header-branding {
    grid-column: 2 !important;
    justify-self: center !important;
  }

  /*
   * Common nav/action normalization.
   */
  .site-header .huuguu-header-desktop .header-nav,
  .site-header .huuguu-header-desktop .header-actions {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .site-header .huuguu-header-desktop .header-nav {
    display: flex !important;
    align-items: center !important;
  }

  .site-header .huuguu-header-desktop .header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--hgg-header-actions-gap, 12px) !important;
  }

  .site-header .huuguu-header-desktop .main-navigation,
  .site-header .huuguu-header-desktop .main-navigation > ul,
  .site-header .huuguu-header-desktop .main-navigation .menu {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .site-header .huuguu-header-desktop .main-navigation .menu {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--hgg-header-menu-gap, 24px) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /*
   * MENU ALIGNMENT CONTROL
   * Existing dynamic CSS should expose --hgg-menu-justify.
   * If not, layout classes still keep the structure correct.
   */
  .site-header .huuguu-header-desktop .header-nav {
    justify-content: var(--hgg-menu-justify, flex-end) !important;
  }

  .site-header .huuguu-header-desktop .header-nav .main-navigation .menu {
    justify-content: inherit !important;
  }

  /* Common Customizer aliases when dynamic CSS outputs classes instead of vars. */
  .site-header .huuguu-header-desktop.header-menu-align-left .header-nav,
  .site-header .site-header-inner.header-menu-align-left .header-nav,
  body.huuguu-header-menu-align-left .site-header .header-nav {
    justify-content: flex-start !important;
  }

  .site-header .huuguu-header-desktop.header-menu-align-center .header-nav,
  .site-header .site-header-inner.header-menu-align-center .header-nav,
  body.huuguu-header-menu-align-center .site-header .header-nav {
    justify-content: center !important;
  }

  .site-header .huuguu-header-desktop.header-menu-align-right .header-nav,
  .site-header .site-header-inner.header-menu-align-right .header-nav,
  body.huuguu-header-menu-align-right .site-header .header-nav {
    justify-content: flex-end !important;
  }
}