/* =========================================================
   AINEXO P9 — Mobile nav + labeled premium chrome
   Permanent Menu button on all breakpoints. All Pages drawer.
   ========================================================= */
.mobile-drawer{
  position:fixed;inset:0;z-index:1200;pointer-events:none;opacity:0;transition:opacity .25s ease;
  background:rgba(0,0,0,.55);
}
.mobile-drawer.open{pointer-events:auto;opacity:1}
.mobile-drawer .drawer-panel{
  position:absolute;top:0;right:0;height:100%;width:min(420px,94vw);
  overflow:auto;-webkit-overflow-scrolling:touch;
  transform:translateX(104%);transition:transform .28s cubic-bezier(.22,1,.36,1);
  padding:18px 16px 140px;border-left:1px solid rgba(200,155,60,.28);
}
.mobile-drawer.open .drawer-panel{transform:translateX(0)}
body.drawer-open,body.no-scroll{overflow:hidden;touch-action:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;position:sticky;top:0;z-index:2;padding-bottom:8px;background:inherit}
.drawer-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.drawer-title{font-weight:800;font-size:1.2rem;letter-spacing:.01em;line-height:1.2}
.drawer-subtitle{margin:0;font-size:.78rem;opacity:.72;font-weight:500;line-height:1.35}
.drawer-close{width:46px;height:46px;min-width:46px;border-radius:14px;border:1px solid rgba(200,155,60,.45);background:transparent;color:inherit;display:grid;place-items:center}
.drawer-search-wrap{margin:0 0 14px}
.drawer-search{
  width:100%;
  min-height:46px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(200,155,60,.4);
  background:rgba(255,255,255,.06);
  color:inherit;
  font-size:.95rem;
  outline:none;
  box-sizing:border-box;
}
.drawer-search::placeholder{opacity:.55}
.drawer-search:focus{
  border-color:rgba(200,155,60,.75);
  box-shadow:0 0 0 3px rgba(200,155,60,.18);
}
.drawer-nav{display:flex;flex-direction:column;gap:14px}
.drawer-section-title{margin:0 0 8px;opacity:.85;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.drawer-links{display:grid;gap:8px}
.drawer-links a{
  display:flex;align-items:center;padding:12px 14px;border-radius:14px;text-decoration:none;color:inherit;
  border:1px solid rgba(200,155,60,.18);background:rgba(255,255,255,.03);
  min-height:48px;line-height:1.35;opacity:1;visibility:visible;
}
.drawer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}
.drawer-theme-btn{min-height:46px;padding:10px 14px;border-radius:14px;border:1px solid rgba(200,155,60,.45);background:transparent;color:inherit}
.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* Grid: brand | links | actions — no overlap */
.site-header .nav{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  width:100%;
  max-width:100%;
}
.site-header .brand{flex-shrink:0;z-index:6}
.site-header .nav-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2px;
  min-width:0;
  overflow:hidden;
  flex-wrap:nowrap;
}
.site-header .nav-actions{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:6px;
  min-height:48px;
  flex-shrink:0;
  z-index:6;
  isolation:isolate;
  opacity:1 !important;
  visibility:visible !important;
}
.site-header .icon-btn,
.site-header .nav-toggle,
.site-header .nav-menu-btn,
.site-header .nav-trigger,
.site-header .nav-quote-btn,
.site-header .nav-contact-btn,
.site-header .nav-portal-btn,
.site-header .nav-home-btn,
.site-header .nav-projects-btn,
.site-header .nav-chrome-text-btn,
.site-header .ainexo-lang-switch{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  flex-shrink:0;
}

/* Labeled chrome buttons (original text style — not icon-only) */
.site-header .nav-home-btn,
.site-header .nav-projects-btn,
.site-header .nav-chrome-text-btn,
.site-header .nav-menu-btn{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:8px 12px !important;
  border-radius:14px;
  white-space:nowrap;
  text-decoration:none;
  font-weight:650;
  line-height:1.2;
  width:auto !important;
  min-width:unset !important;
  height:auto !important;
}
.site-header .nav-menu-btn{
  border:1px solid rgba(200,155,60,.45);
  cursor:pointer;
}
.site-header .nav-menu-btn .nav-menu-label{
  display:inline !important;
  font-weight:650;
}
.site-header .nav-home-btn.active{
  color:#c89b3c;
  border-color:rgba(200,155,60,.65);
}
.site-header .nav-chrome-dd{display:inline-flex;align-items:center;position:relative}
.site-header .nav-chrome-dd > .nav-chrome-text-btn.nav-trigger{
  width:auto !important;
  min-width:unset !important;
  height:auto !important;
  min-height:42px;
  padding:8px 12px !important;
  display:inline-flex !important;
  place-items:unset;
  gap:6px;
}
.site-header .js-install[hidden]{display:none !important}

/* Wide desktop: center mega-nav — Menu stays visible (override old hide) */
@media (min-width:1481px){
  .site-header .nav-links{display:flex !important}
  .site-header #navToggle,
  .site-header .nav-menu-btn,
  .site-header #navToggle.nav-menu-btn{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .site-header .nav-home-btn .nav-home-label{display:inline}
}

/* Mid desktop: hide crowded mega-nav; keep labeled primary chrome */
@media (max-width:1480px){
  .site-header .nav-links{display:none !important}
  .site-header .nav-home-btn,
  .site-header .nav-projects-btn,
  .site-header .nav-chrome-dd{
    display:inline-flex !important;
  }
}
@media (max-width:1280px){
  .site-header .nav-portal-btn{display:none}
  .site-header .nav-chrome-label{font-size:.82rem}
}
@media (max-width:1100px){
  .site-header .nav-contact-label,
  .site-header .nav-portal-label{display:none}
  .site-header .nav-chrome-label{display:none}
  .site-header .nav-home-label{display:inline !important} /* Home keeps text */
  .site-header .nav-projects-btn .nav-chrome-label{display:none}
  .site-header .nav-menu-btn .nav-menu-label{display:inline !important}
}
@media (max-width:900px){
  .site-header .nav-links{display:none !important}
  /* Keep primary labeled/home chrome on tablet; hide only heavier menus if needed */
  .site-header .nav-chrome-dd.nav-portfolio-item,
  .site-header .nav-chrome-dd.nav-resources-item,
  .site-header .nav-projects-btn{
    display:none !important;
  }
  .site-header .nav-chrome-dd.nav-services-item{
    display:inline-flex !important;
  }
  .site-header .nav-services-item .nav-chrome-label{display:none}
  .site-header .nav-quote-label{display:none}
  .site-header .nav-portal-btn{display:none}
  .site-header .nav-actions{gap:6px;min-width:0}
  .site-header #navHomeLink,
  .site-header #navSearchBtn,
  .site-header .ainexo-lang-switch,
  .site-header #themeToggle,
  .site-header .nav-contact-btn,
  .site-header .nav-quote-btn,
  .site-header #navToggle,
  .site-header .nav-menu-btn{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .site-header #navHomeLink{
    padding:8px 10px !important;
  }
  .site-header #navHomeLink .nav-home-label{
    display:inline !important;
  }
  .site-header #navSearchBtn,
  .site-header #themeToggle{
    display:inline-grid !important;
    place-items:center;
    width:46px;
    height:46px;
  }
  /* Menu stays labeled — not icon-only square */
  .site-header #navToggle.nav-menu-btn,
  .site-header .nav-menu-btn{
    display:inline-flex !important;
    width:auto !important;
    min-width:unset !important;
    height:auto !important;
    min-height:42px;
    padding:8px 12px !important;
    place-items:unset;
  }
  .site-header .nav-menu-btn .nav-menu-label{display:inline !important}
}
@media (max-width:640px){
  .site-header .nav{
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:6px !important;
  }
  .site-header .brand-name{display:none !important} /* logo only — stop Home overlap */
  .site-header .brand-logo{width:36px;height:36px}
  .site-header .nav-services-item{display:none !important}
  .site-header .ainexo-lang-switch{display:none !important}
  .site-header .nav-actions{gap:4px !important;min-width:0}
  .site-header #navHomeLink,
  .site-header #navSearchBtn,
  .site-header #themeToggle,
  .site-header .nav-contact-btn,
  .site-header .nav-quote-btn,
  .site-header #navToggle,
  .site-header .nav-menu-btn{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .site-header #navHomeLink{
    padding:6px 8px !important;
    min-height:40px;
    font-size:.82rem;
  }
  .site-header #navSearchBtn,
  .site-header #themeToggle{
    display:inline-grid !important;
    width:40px;height:40px;min-width:40px;min-height:40px;
  }
  .site-header #navToggle.nav-menu-btn,
  .site-header .nav-menu-btn{
    display:inline-flex !important;
    width:auto !important;
    min-width:unset !important;
    height:auto !important;
    min-height:40px;
    padding:6px 10px !important;
    font-size:.82rem;
  }
  .site-header .nav-menu-btn .nav-menu-label{display:inline !important}
  .site-header .nav-contact-btn,
  .site-header .nav-quote-btn{
    width:40px;height:40px;min-width:40px;padding:0 !important;
    display:inline-grid !important;place-items:center;
  }
  .site-header .nav-contact-label,
  .site-header .nav-quote-label{display:none !important}
}
@media (min-width:901px){
  .bottom-nav{display:none!important}
}

.fa-solid,.fa-brands,.fa-regular{display:inline-block;min-width:1em;text-align:center}
.icon-btn i,.nav-toggle i,.nav-menu-btn i,.filter-btn i{pointer-events:none}
.filters,.ainexo-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 18px}
.filter-btn{
  min-height:42px;padding:8px 14px;border-radius:999px;border:1px solid rgba(200,155,60,.35);
  background:rgba(255,255,255,.04);color:inherit;cursor:pointer;font-weight:600
}

/* Light mode: dark text on white for Menu button */
[data-theme="light"] .site-header .nav-menu-btn,
[data-theme="light"] .site-header #navToggle.nav-menu-btn{
  color:#141414 !important;
  border:1px solid rgba(20,20,20,.2) !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 4px 14px rgba(20,20,20,.08) !important;
}
[data-theme="light"] .site-header .nav-menu-btn:hover,
[data-theme="light"] .site-header #navToggle.nav-menu-btn:hover{
  color:#9f2d2d !important;
  border-color:rgba(200,155,60,.65) !important;
  background:#fff !important;
}
[data-theme="light"] .site-header .nav-menu-btn i,
[data-theme="light"] .site-header .nav-menu-btn .nav-menu-label{
  color:inherit !important;
}
[data-theme="light"] .drawer-search{
  background:#fff;
  color:#141414;
  border-color:rgba(20,20,20,.22);
}
[data-theme="light"] .drawer-title{color:#141414}
[data-theme="light"] .drawer-subtitle{color:#4a4a4a;opacity:1}