/* GASAYA FINAL HEADER / LANGUAGE / SOCIALS — 2026-09-06 */
.gmc-topbar-inner{
  display:flex!important;align-items:center!important;gap:16px!important;
  width:100%!important;max-width:1600px!important;margin:0 auto!important;
}
.gmc-socials{
  margin-left:auto!important;display:flex!important;align-items:center!important;
  gap:11px!important;color:#fff!important;white-space:nowrap!important;
}
.gmc-social-link{
  width:22px!important;height:22px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;color:#fff!important;
  text-decoration:none!important;opacity:.95!important;transition:.18s ease!important;
}
.gmc-social-link:hover{opacity:1!important;transform:translateY(-1px)}
.gmc-social-link svg{width:18px!important;height:18px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.8!important}
.gmc-social-link svg .play{fill:#0c5637!important;stroke:none!important}
.gasaya-in-symbol{
  font:900 13px/18px Arial,sans-serif!important;border:1.8px solid currentColor!important;
  border-radius:2px!important;width:18px!important;height:18px!important;text-align:center!important;
}
.gmc-social-handle{font-size:11px!important;font-weight:700!important;opacity:.95!important}

/* Put Language, Search and Portal Login on exactly the same baseline. */
.gmc-mainhead{align-items:center!important}
.gmc-language{
  position:relative!important;display:flex!important;align-items:center!important;
  align-self:center!important;height:42px!important;margin:0!important;padding:0!important;
}
.gmc-language-label-accessible,
.gmc-language>label{
  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;
}
.gasaya-native-language-select{display:none!important}
.gasaya-language-picker{position:relative!important;width:100%!important;height:42px!important}
.gasaya-language-toggle,
.gmc-actions .gasaya-search-toggle,
.gmc-portal-login{
  height:42px!important;min-height:42px!important;box-sizing:border-box!important;
  border-radius:8px!important;margin:0!important;align-self:center!important;
}
.gasaya-language-toggle{
  width:100%!important;min-width:128px!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  border:1px solid #87a393!important;background:#fff!important;color:#153f2c!important;
  font:800 13px/1 Arial,sans-serif!important;cursor:pointer!important;
}
.gasaya-toggle-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.gasaya-lang-flag{font-size:18px!important;line-height:1!important;flex:0 0 auto!important}
.gasaya-lang-chevron{margin-left:auto!important;font-size:17px!important}
.gasaya-language-menu{
  position:absolute!important;z-index:2147482500!important;right:0!important;top:48px!important;
  width:310px!important;max-width:min(310px,92vw)!important;background:#fff!important;
  border:1px solid #d4e1d9!important;border-radius:10px!important;
  box-shadow:0 16px 42px rgba(7,45,28,.22)!important;overflow:hidden!important;
}
.gasaya-language-search-wrap{
  display:flex!important;align-items:center!important;gap:8px!important;padding:9px!important;
  border-bottom:1px solid #e4ece7!important;background:#f8fbf9!important;
}
.gasaya-language-search-wrap input{
  width:100%!important;height:38px!important;padding:0 10px!important;border:1px solid #5e9b77!important;
  border-radius:7px!important;outline:none!important;font:600 13px Arial,sans-serif!important;color:#173d2d!important;
}
.gasaya-language-search-wrap input:focus{box-shadow:0 0 0 3px rgba(49,128,82,.13)!important}
.gasaya-language-list{max-height:360px!important;overflow:auto!important;padding:5px!important}
.gasaya-language-option{
  width:100%!important;min-height:39px!important;border:0!important;background:#fff!important;
  border-radius:6px!important;padding:7px 9px!important;display:flex!important;align-items:center!important;
  gap:9px!important;color:#173d2d!important;text-align:left!important;cursor:pointer!important;
}
.gasaya-language-option:hover{background:#f0f7f3!important}
.gasaya-language-option.active{background:#e2f0e7!important;font-weight:800!important}
.gasaya-lang-name{font:600 13px/1.2 Arial,sans-serif!important}
.gasaya-lang-check{margin-left:auto!important;color:#167044!important;font-weight:900!important;opacity:0!important}
.gasaya-language-option.active .gasaya-lang-check{opacity:1!important}

/* Existing portal/login styling, refined to match the other controls. */
.gmc-portal-login{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:105px!important;padding:0 15px!important;border:1px solid #154f31!important;
  background:#154f31!important;color:#fff!important;font-size:12px!important;font-weight:800!important;
  white-space:nowrap!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(21,79,49,.12)!important;
}
.gmc-portal-login:before{content:"🔒";font-size:11px;margin-right:6px}
.gmc-portal-login:hover{background:#0f3f28!important;color:#fff!important}
.portal-mobile-link{background:#154f31!important;color:#fff!important;font-weight:800!important}

@media(min-width:821px){
  .gmc-mainhead{
    max-width:1600px!important;
    grid-template-columns:minmax(245px,300px) minmax(520px,1fr) 132px auto!important;
    gap:12px!important;padding-left:22px!important;padding-right:22px!important;
  }
  .gmc-brand{gap:11px!important}
  .gmc-brand img{width:74px!important;height:74px!important;flex-basis:74px!important}
  .gmc-brandtext strong{font-size:31px!important}
  .gmc-brandtext b{font-size:10.5px!important}
  .gmc-brandtext em{font-size:10px!important}
  .gmc-desktop-nav{gap:12px!important;flex-wrap:nowrap!important;justify-content:center!important}
  .gmc-desktop-nav a{font-size:10px!important;white-space:nowrap!important}
  .gmc-actions{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;height:42px!important}
  .gmc-actions .gasaya-search-toggle{min-width:102px!important}
  .menu-btn{display:none!important}
}
@media(max-width:1180px) and (min-width:821px){
  .gmc-mainhead{grid-template-columns:245px 1fr 124px auto!important;gap:8px!important}
  .gmc-desktop-nav{gap:8px!important}.gmc-desktop-nav a{font-size:9px!important}
  .gmc-brand img{width:64px!important;height:64px!important;flex-basis:64px!important}
  .gmc-brandtext strong{font-size:26px!important}.gmc-brandtext b{font-size:9px!important}.gmc-brandtext em{font-size:8.5px!important}
  .gmc-actions .gasaya-search-toggle{min-width:82px!important}
  .gmc-portal-login{min-width:92px!important;padding:0 10px!important}
  .gmc-social-handle{display:none!important}
}
@media(max-width:820px){
  .gmc-topbar-inner{gap:9px!important;padding-left:12px!important;padding-right:12px!important}
  .gmc-topbar-inner>a:nth-of-type(2), .gmc-topbar-inner>span{display:none!important}
  .gmc-socials{gap:8px!important}.gmc-social-handle{display:none!important}
  .gmc-social-link{width:20px!important;height:20px!important}
  .gmc-language{height:48px!important}
  .gasaya-language-picker{height:48px!important}
  .gasaya-language-toggle{height:48px!important;min-height:48px!important;width:100%!important}
  .gasaya-language-menu{position:fixed!important;left:14px!important;right:14px!important;top:150px!important;width:auto!important;max-width:none!important}
  .gasaya-language-list{max-height:50vh!important}
  .gmc-actions{grid-template-columns:1fr 1fr!important}
  .gmc-actions .gmc-portal-login{display:none!important}
  .gmc-mobile-nav .portal-mobile-link{
    margin-top:8px!important;border:1px solid #154f31!important;border-radius:7px!important;
    text-align:center!important;padding:13px 10px!important;
  }
}


/* ==========================================================
   GASAYA CORPORATE POLISH — 2026-09-06
   Clean hierarchy, premium header, stable language control,
   refined navigation and responsive presentation.
   ========================================================== */

:root{
  --gasaya-deep:#0e3f29;
  --gasaya-green:#155b38;
  --gasaya-mid:#28734c;
  --gasaya-soft:#eef5f1;
  --gasaya-line:#dce7e1;
  --gasaya-orange:#ef5a29;
  --gasaya-ink:#102d21;
  --gasaya-muted:#567064;
}

/* Prevent native language select flashing or stacking before JS initializes. */
#siteLanguage,
.gmc-language select,
.gasaya-native-language-select{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
}

/* Premium top contact bar */
.gmc-topbar{
  background:linear-gradient(90deg,#0b3f28 0%,#125a37 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
}
.gmc-topbar-inner{
  min-height:36px!important;
  padding:0 24px!important;
}
.gmc-topbar-inner>a,
.gmc-topbar-inner>span{
  color:rgba(255,255,255,.96)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
}

/* Social icons: clean outline/fill treatment */
.gmc-socials{
  gap:12px!important;
}
.gmc-social-link{
  width:24px!important;
  height:24px!important;
  border-radius:6px!important;
  background:transparent!important;
  opacity:.92!important;
}
.gmc-social-link:hover{
  background:rgba(255,255,255,.10)!important;
}
.gasaya-social-svg{
  width:17px!important;
  height:17px!important;
}
.gasaya-social-svg.ig{
  fill:none!important;
  stroke:#fff!important;
  stroke-width:1.8!important;
}
.gasaya-social-svg.fb,
.gasaya-social-svg.tt,
.gasaya-social-svg.yt{
  fill:#fff!important;
  stroke:none!important;
}
.gasaya-social-svg.yt .play{
  fill:var(--gasaya-deep)!important;
}
.gasaya-in-symbol{
  color:#fff!important;
  border-color:#fff!important;
}
.gmc-social-handle{
  padding-left:8px!important;
  margin-left:2px!important;
  border-left:1px solid rgba(255,255,255,.25)!important;
  font-size:10px!important;
  letter-spacing:.03em!important;
}

/* Main header */
.gmc-header{
  background:rgba(255,255,255,.985)!important;
  border-bottom:1px solid #e6eee9!important;
  box-shadow:0 5px 20px rgba(14,63,41,.055)!important;
}
.gmc-mainhead{
  min-height:104px!important;
  position:relative!important;
}
.gmc-brand{
  align-items:center!important;
}
.gmc-brand img{
  filter:drop-shadow(0 3px 7px rgba(10,55,35,.10))!important;
}
.gmc-brandtext strong{
  color:var(--gasaya-green)!important;
  letter-spacing:-.02em!important;
}
.gmc-brandtext b{
  color:#214b36!important;
  letter-spacing:.015em!important;
}
.gmc-brandtext em{
  color:#164b87!important;
}

/* Navigation */
.gmc-desktop-nav a{
  color:#173c2c!important;
  font-weight:800!important;
  letter-spacing:.012em!important;
  position:relative!important;
  padding:13px 0!important;
  transition:color .18s ease!important;
}
.gmc-desktop-nav a:hover{
  color:var(--gasaya-mid)!important;
}
.gmc-desktop-nav a.active:after,
.gmc-desktop-nav a[aria-current="page"]:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:6px!important;
  height:2px!important;
  background:var(--gasaya-green)!important;
  border-radius:99px!important;
}

/* One baseline for Language, Search, Portal Login */
.gmc-language{
  width:142px!important;
  min-width:142px!important;
  height:44px!important;
  transform:none!important;
}
.gasaya-language-picker{
  height:44px!important;
}
.gasaya-language-toggle,
.gmc-actions .gasaya-search-toggle,
.gmc-portal-login{
  height:44px!important;
  min-height:44px!important;
  border-radius:9px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.gasaya-language-toggle{
  border:1px solid #9eb5a8!important;
  background:#fff!important;
  color:var(--gasaya-ink)!important;
  box-shadow:0 2px 7px rgba(14,63,41,.035)!important;
}
.gasaya-language-toggle:hover{
  border-color:#5f8c72!important;
  background:#fbfdfc!important;
}
.gmc-actions{
  align-items:center!important;
}
.gmc-actions .gasaya-search-toggle{
  border:1px solid #9eb5a8!important;
  background:#fff!important;
  color:var(--gasaya-deep)!important;
  font-weight:800!important;
  box-shadow:0 2px 7px rgba(14,63,41,.035)!important;
}
.gmc-actions .gasaya-search-toggle:hover{
  background:#f7fbf8!important;
  border-color:#5f8c72!important;
}
.gmc-portal-login{
  background:linear-gradient(180deg,#1b6640 0%,#124e31 100%)!important;
  border-color:#124e31!important;
  box-shadow:0 5px 13px rgba(18,78,49,.15)!important;
  letter-spacing:.01em!important;
}
.gmc-portal-login:before{
  content:""!important;
  width:12px!important;
  height:14px!important;
  margin-right:7px!important;
  display:inline-block!important;
  background:
    linear-gradient(#fff,#fff) 2px 6px/8px 7px no-repeat,
    radial-gradient(circle at 6px 6px,transparent 3px,#fff 3.2px,#fff 4px,transparent 4.2px)!important;
  opacity:.92!important;
}
.gmc-portal-login:hover{
  background:linear-gradient(180deg,#175a39 0%,#0f4229 100%)!important;
  transform:translateY(-1px)!important;
}

/* Language dropdown */
.gasaya-language-menu{
  border:1px solid #d7e4dc!important;
  border-radius:12px!important;
  box-shadow:0 20px 52px rgba(11,57,36,.20)!important;
}
.gasaya-language-search-wrap{
  background:#f7faf8!important;
  padding:11px!important;
}
.gasaya-language-search-wrap input{
  height:40px!important;
  border-color:#8eae9b!important;
  background:#fff!important;
}
.gasaya-language-option{
  border-radius:8px!important;
}
.gasaya-language-option.active{
  background:#e9f4ed!important;
}
.gasaya-language-list::-webkit-scrollbar{width:8px!important}
.gasaya-language-list::-webkit-scrollbar-thumb{
  background:#bfd1c6!important;border-radius:20px!important;
}

/* Site search dialog */
.gasaya-search-modal,
.site-search-modal{
  backdrop-filter:blur(3px)!important;
}
.gasaya-search-panel,
.site-search-panel{
  border-radius:14px!important;
  box-shadow:0 22px 70px rgba(8,45,28,.24)!important;
}

/* Shared content polish without changing approved content */
body{
  color:var(--gasaya-ink)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
button,a{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important}

/* Services hero gets a cleaner corporate finish */
.serviceHeroSlider{
  border-bottom:1px solid var(--gasaya-line)!important;
  background:#fff!important;
}
.serviceHeroSlide{
  min-height:430px!important;
}
.serviceHeroCopy{
  background:
    radial-gradient(circle at 20% 20%,rgba(65,128,86,.06),transparent 34%),
    linear-gradient(135deg,#f8fbf9 0%,#eef5f1 100%)!important;
}
.serviceHeroCopy h1{
  letter-spacing:-.025em!important;
  color:#123f2a!important;
}
.serviceHeroCopy h2{
  color:#2a6847!important;
  font-weight:800!important;
}
.serviceHeroCopy p{
  color:#29473a!important;
  line-height:1.72!important;
}
.serviceHeroEyebrow{
  letter-spacing:.08em!important;
}
.serviceHeroCta{
  background:linear-gradient(180deg,#237048 0%,#175a39 100%)!important;
  border:0!important;
  box-shadow:0 7px 17px rgba(20,88,55,.16)!important;
}
.serviceHeroCta:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 9px 22px rgba(20,88,55,.20)!important;
}
.serviceHeroOverlay{
  background:linear-gradient(135deg,rgba(7,57,34,.94),rgba(13,76,46,.88))!important;
  border:1px solid rgba(135,199,79,.75)!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(3,31,19,.18)!important;
}
.serviceHeroDots button{
  width:9px!important;height:9px!important;border-radius:50%!important;
}
.serviceHeroDots button.active{
  width:20px!important;border-radius:99px!important;
}

/* Core services intro */
.core-services,
.services-grid-section{
  background:#fff!important;
}
.core-services h2,
.services-grid-section h2{
  letter-spacing:-.02em!important;
}

/* Desktop sizing */
@media(min-width:1181px){
  .gmc-mainhead{
    grid-template-columns:minmax(280px,315px) minmax(560px,1fr) 142px auto!important;
    gap:15px!important;
    padding:0 24px!important;
  }
  .gmc-desktop-nav{gap:16px!important}
  .gmc-desktop-nav a{font-size:10.2px!important}
  .gmc-actions{gap:9px!important}
  .gmc-actions .gasaya-search-toggle{min-width:104px!important}
  .gmc-portal-login{min-width:110px!important}
}

/* Tablet: keep header disciplined and avoid controls stacking */
@media(max-width:1180px) and (min-width:821px){
  .gmc-mainhead{
    min-height:92px!important;
    grid-template-columns:245px minmax(430px,1fr) 132px auto!important;
  }
  .gmc-language{
    width:132px!important;min-width:132px!important;
  }
}

/* Mobile corporate cleanup */
@media(max-width:820px){
  .gmc-mainhead{
    min-height:auto!important;
    box-shadow:none!important;
  }
  .gmc-topbar-inner{min-height:34px!important}
  .gmc-socials{margin-left:auto!important}
  .gmc-brand img{
    filter:none!important;
  }
  .gasaya-language-menu{
    top:132px!important;
    border-radius:13px!important;
  }
  .gmc-mobile-nav{
    border-top:1px solid var(--gasaya-line)!important;
    background:#fff!important;
  }
  .gmc-mobile-nav a{
    color:#153c2b!important;
    font-weight:750!important;
    border-bottom:1px solid #edf2ef!important;
  }
  .gmc-mobile-nav .portal-mobile-link{
    margin:10px 12px 12px!important;
    border-radius:9px!important;
  }
}


/* ==========================================================
   GASAYA LANGUAGE SELECTOR REPAIR — deterministic custom UI
   ========================================================== */

/* Never show a native site or Google select. */
.gmc-language select,
#siteLanguage,
.goog-te-combo,
#google_translate_element select,
.goog-te-gadget select{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  position:absolute!important;
  pointer-events:none!important;
}

/* Google Translate helper UI must not alter page layout. */
#google_translate_element{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-spinner-pos{
  display:none!important;
}
html,body{top:0!important}

/* Language mount is a fixed-height control; menu is absolutely layered. */
.gmc-language{
  position:relative!important;
  width:142px!important;
  min-width:142px!important;
  height:44px!important;
  overflow:visible!important;
  z-index:2147482000!important;
}
.gasaya-language-picker{
  position:relative!important;
  width:100%!important;
  height:44px!important;
  overflow:visible!important;
}
.gasaya-language-toggle{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  position:relative!important;
  z-index:2!important;
}
.gasaya-language-menu{
  position:absolute!important;
  top:50px!important;
  right:0!important;
  left:auto!important;
  width:320px!important;
  max-width:min(320px,92vw)!important;
  z-index:2147483000!important;
  overflow:hidden!important;
}
.gasaya-language-menu[hidden]{
  display:none!important;
}
.gasaya-language-list{
  max-height:365px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.gasaya-language-option[hidden]{
  display:none!important;
}
.gasaya-language-search-icon{
  color:#1c5f3e!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Do not let the header clip the dropdown. */
.gmc-header,
.gmc-mainhead,
.gmc-actions{
  overflow:visible!important;
}

@media(max-width:820px){
  .gmc-language{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
  }
  .gasaya-language-picker,
  .gasaya-language-toggle{
    height:48px!important;
    min-height:48px!important;
  }
  .gasaya-language-menu{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:142px!important;
    width:auto!important;
    max-width:none!important;
  }
  .gasaya-language-list{
    max-height:52vh!important;
  }
}
