/* ==========================================================
   GASAYA HEADER ONLY — APPROVED SECONDARY LEADERSHIP LAYOUT
   2026-09-06
   Primary row:
   Home | About Us | Services | Projects | Insights | Contact Us
   Secondary row:
   Leadership & Institutional Network
   Utility area:
   Language | Search | Portal Login
   ========================================================== */

@media (min-width:821px){

  .gmc-header{
    overflow:visible!important;
  }

  .gmc-mainhead{
    display:grid!important;
    grid-template-columns:minmax(270px,320px) minmax(520px,1fr) 142px auto!important;
    grid-template-areas:
      "brand nav language actions"
      "brand secondary secondary secondary"!important;
    column-gap:16px!important;
    row-gap:0!important;
    align-items:center!important;
    min-height:126px!important;
    padding-top:10px!important;
    padding-bottom:0!important;
    overflow:visible!important;
  }

  .gmc-brand{
    grid-area:brand!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
  }

  .gmc-desktop-nav{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:18px!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    height:58px!important;
    overflow:visible!important;
  }

  .gmc-desktop-nav a{
    white-space:nowrap!important;
  }

  .gmc-language{
    grid-area:language!important;
    align-self:center!important;
    justify-self:stretch!important;
    margin:0!important;
    width:142px!important;
    min-width:142px!important;
    height:44px!important;
    overflow:visible!important;
  }

  .gmc-actions{
    grid-area:actions!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    height:44px!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* Leadership secondary navigation row */
  .gasaya-secondary-leadership{
    grid-area:secondary!important;
    min-height:46px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-top:1px solid #edf3ef!important;
    background:linear-gradient(90deg,#f4f8f6 0%,#eef5f1 50%,#f4f8f6 100%)!important;
    position:relative!important;
    z-index:1!important;
  }

  .gasaya-secondary-leadership a{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:11px 18px!important;
    color:#15442f!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.005em!important;
    text-decoration:none!important;
    border-radius:8px!important;
    position:relative!important;
  }

  .gasaya-secondary-leadership a:hover{
    background:#e8f2ec!important;
    color:#0f5133!important;
  }

  .gasaya-secondary-leadership a.active:after,
  .gasaya-secondary-leadership a[aria-current="page"]:after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:4px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#175a39!important;
  }

  .gasaya-secondary-leadership .leadership-icon{
    width:18px!important;
    height:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:16px!important;
    line-height:1!important;
  }

  /* Extra room for language/search/login; avoid collisions on laptops */
  @media (max-width:1180px){
    .gmc-mainhead{
      grid-template-columns:minmax(235px,270px) minmax(440px,1fr) 132px auto!important;
      column-gap:10px!important;
    }
    .gmc-desktop-nav{
      gap:11px!important;
    }
    .gmc-desktop-nav a{
      font-size:9.4px!important;
    }
    .gmc-language{
      width:132px!important;
      min-width:132px!important;
    }
    .gmc-actions{
      gap:7px!important;
    }
  }
}

/* Mobile: keep Leadership as a normal mobile-nav item and do not create a desktop strip */
@media (max-width:820px){
  .gasaya-secondary-leadership{
    display:none!important;
  }
}


/* ==========================================================
   GASAYA HEADER REFINEMENT — ACTIVE NAV + UTILITY ALIGNMENT
   2026-09-06
   Scope: header only. No logo, hero or page-body changes.
   ========================================================== */

@media (min-width:821px){

  /* Keep primary navigation visually disciplined on one line. */
  .gmc-desktop-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    height:54px!important;
    gap:18px!important;
  }

  .gmc-desktop-nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:42px!important;
    padding:0 0 2px!important;
    margin:0!important;
    border:0!important;
    border-bottom:0!important;
    text-decoration:none!important;
    line-height:1!important;
    white-space:nowrap!important;
    color:#173d2d!important;
    background:transparent!important;
    box-shadow:none!important;
    position:relative!important;
  }

  /* Remove all legacy/double active lines. */
  .gmc-desktop-nav a::before,
  .gmc-desktop-nav a::after{
    content:none!important;
    display:none!important;
  }

  /* Approved active-page treatment:
     selected label changes colour + ONE clean underline only. */
  .gmc-desktop-nav a.active,
  .gmc-desktop-nav a[aria-current="page"]{
    color:#17633f!important;
    font-weight:900!important;
    border-bottom:3px solid #17633f!important;
  }

  .gmc-desktop-nav a:hover{
    color:#1f6f49!important;
  }

  /* Utility controls: identical height, baseline and vertical center. */
  .gmc-language,
  .gmc-actions,
  .gfl-picker,
  .gfl-toggle,
  .gmc-actions .gasaya-search-toggle,
  .gmc-portal-login{
    box-sizing:border-box!important;
  }

  .gmc-language{
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:144px!important;
    min-width:144px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    transform:none!important;
  }

  .gfl-picker{
    width:100%!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
  }

  .gfl-toggle{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:9px!important;
  }

  .gmc-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
  }

  .gmc-actions .gasaya-search-toggle,
  .gmc-portal-login{
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    border-radius:9px!important;
  }

  .gmc-actions .gasaya-search-toggle{
    min-width:104px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .gmc-portal-login{
    min-width:122px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  /* Ensure the full right-side utility block has enough breathing room. */
  .gmc-mainhead{
    grid-template-columns:minmax(270px,320px) minmax(500px,1fr) 144px auto!important;
    column-gap:14px!important;
    align-items:center!important;
  }

  /* Secondary Leadership row remains independent from the logo and utility area. */
  .gasaya-secondary-leadership{
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .gasaya-secondary-leadership a{
    margin:0!important;
    border:0!important;
    text-decoration:none!important;
  }

  .gasaya-secondary-leadership a::before,
  .gasaya-secondary-leadership a::after{
    content:none!important;
    display:none!important;
  }

  .gasaya-secondary-leadership a.active,
  .gasaya-secondary-leadership a[aria-current="page"]{
    color:#17633f!important;
    font-weight:900!important;
  }
}

/* Laptop-safe refinement */
@media (min-width:821px) and (max-width:1180px){
  .gmc-mainhead{
    grid-template-columns:minmax(235px,270px) minmax(420px,1fr) 132px auto!important;
    column-gap:9px!important;
  }

  .gmc-desktop-nav{
    gap:11px!important;
  }

  .gmc-desktop-nav a{
    font-size:9.3px!important;
  }

  .gmc-language{
    width:132px!important;
    min-width:132px!important;
  }

  .gmc-actions{
    gap:7px!important;
  }

  .gmc-actions .gasaya-search-toggle{
    min-width:96px!important;
  }

  .gmc-portal-login{
    min-width:108px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* ==========================================================
   GASAYA MOBILE MENU — PORTAL LOGIN VISIBILITY
   Final approved visibility refinement — 2026-09-06
   ========================================================== */
@media (max-width:820px){
  .gmc-mobile-nav .portal-mobile-link{
    display:flex!important;
    width:calc(100% - 40px)!important;
    min-height:54px!important;
    margin:18px 20px 22px!important;
    padding:0 18px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

    background:linear-gradient(180deg,#1d6842 0%,#114c30 100%)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;

    border:1px solid #0e442b!important;
    border-radius:10px!important;
    box-shadow:0 7px 18px rgba(14,68,43,.18)!important;

    font-size:16px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
  }

  .gmc-mobile-nav .portal-mobile-link::before{
    content:"🔒"!important;
    display:inline-block!important;
    font-size:14px!important;
    line-height:1!important;
    filter:none!important;
  }

  .gmc-mobile-nav .portal-mobile-link:hover,
  .gmc-mobile-nav .portal-mobile-link:focus,
  .gmc-mobile-nav .portal-mobile-link:active{
    background:linear-gradient(180deg,#175a39 0%,#0d4229 100%)!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
    outline:none!important;
  }
}