/* AYAM24 Nova v2.8 — nav preservation and responsive header.
   This is layout-only: actual menu labels/URLs are read from the same
   WordPress 'primary' menu, never replaced or rewritten here. */
@media (min-width: 901px) {
  .site-header .header-inner {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: clamp(12px, 1.4vw, 24px);
    height: auto;
    min-height: 82px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .site-header .desktop-nav {
    display: flex;
    width: 100%;
    min-width: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .site-header .desktop-nav > ul.menu {
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    row-gap: 1px;
    margin: 0;
  }
  .site-header .desktop-nav > ul.menu > li { flex: 0 0 auto; }
  .site-header .desktop-nav > ul.menu > li > a {
    font-size: 12px;
    padding: 10px clamp(6px, 0.7vw, 11px);
  }
  .site-header .header-actions { min-width: 0; flex-shrink: 0; gap: 7px; }
  .site-header .a24-theme-switch,
  .site-header .header-search { flex-shrink: 0; }
  /* Dropdown stays attached to its top-level item even when main nav wraps. */
  .site-header .desktop-nav .sub-menu { z-index: 60; }
}
@media (min-width:901px) and (max-width:1320px) {
  /* Two-tier header keeps every item legible, instead of compressing menu links. */
  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    row-gap: 5px;
    column-gap: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .site-header .site-brand { grid-column: 1; grid-row: 1; }
  .site-header .header-actions { grid-column: 2; grid-row: 1; }
  .site-header .desktop-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    border-top: 1px solid var(--line);
    padding-top: 4px;
  }
  .site-header .desktop-nav > ul.menu { justify-content: flex-start; gap: 3px; }
  .site-header .desktop-nav > ul.menu > li > a { font-size: 12px; padding: 8px 11px; }
}

@media (max-width:900px) {
  /* Mobile drawer uses the same WordPress menu as desktop, including submenu items. */
  .site-header .mobile-drawer .menu,
  .site-header .mobile-drawer .sub-menu { list-style: none; }
  .site-header .header-actions { flex-shrink: 0; }
  .site-header .mobile-trigger { display: grid; }
}
@media (max-width:640px) {
  .site-header .header-actions { gap: 5px; }
  .site-header .mobile-drawer .sub-menu { margin-left: 16px; }
  .site-header .mobile-drawer .sub-menu a { font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
}