/* ENG-HOUSE-BILINGUAL-SQ-EN-V1
   Uses only existing ENG HOUSE brand colors. */

.eh-header-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.eh-language-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  flex:0 0 auto;
  min-width:67px;
  height:36px;
  padding:3px;
  border:1px solid rgba(28,38,61,.16);
  border-radius:999px;
  background:#FEFCF6;
  box-shadow:0 4px 14px rgba(28,38,61,.07);
  font-family:Montserrat,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.07em;
  text-transform:uppercase;
  -webkit-tap-highlight-color:transparent;
}

.eh-language-toggle button{
  appearance:none;
  -webkit-appearance:none;
  min-width:29px;
  height:28px;
  padding:0 7px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#1C263D;
  font:inherit;
  letter-spacing:inherit;
  cursor:pointer;
  transition:
    background-color .22s cubic-bezier(.16,1,.3,1),
    color .22s ease,
    transform .12s ease;
}

.eh-language-toggle button:hover{
  color:#FE5900;
}

.eh-language-toggle button:active{
  transform:scale(.94);
}

.eh-language-toggle button[aria-pressed="true"]{
  background:#FE5900;
  color:#FFFFFF;
}

.eh-language-toggle button:focus-visible{
  outline:2px solid #FE5900;
  outline-offset:2px;
}

@media(max-width:820px){
  .eh-header-actions{
    position:absolute;
    right:52px;
    top:50%;
    transform:translateY(-50%);
    z-index:105;
  }

  .eh-header-actions .quote-btn{
    display:none !important;
  }

  .eh-language-toggle{
    min-width:62px;
    height:34px;
    padding:3px;
  }

  .eh-language-toggle button{
    min-width:27px;
    height:26px;
    padding:0 6px;
    font-size:8px;
  }
}

@media(max-width:390px){
  .eh-header-actions{
    right:48px;
  }

  .eh-language-toggle{
    min-width:58px;
  }

  .eh-language-toggle button{
    min-width:25px;
    padding:0 5px;
  }
}

@media(prefers-reduced-motion:reduce){
  .eh-language-toggle button{
    transition:none !important;
  }
}

/* ENG-HOUSE-BILINGUAL-SQ-EN-V1.2 — English labels for text baked into about-composite.png */
html[lang="en"] .about-count-overlay .eh-about-label{
  position:absolute;
  z-index:4;
  left:73%;
  width:17%;
  min-width:0;
  height:3.8%;
  display:flex;
  align-items:center;
  background:#FE5900;
  color:#FFFFFF;
  font-family:Montserrat,Arial,sans-serif;
  font-size:1.08cqw;
  font-weight:500;
  line-height:1.15;
  letter-spacing:0;
  white-space:nowrap;
  pointer-events:none;
}
html[lang="en"] .about-count-overlay .eh-about-label-years{top:26.0%}
html[lang="en"] .about-count-overlay .eh-about-label-locations{top:44.1%}
html[lang="en"] .about-count-overlay .eh-about-label-clients{top:62.0%}

@supports not (font-size:1cqw){
  html[lang="en"] .about-count-overlay .eh-about-label{
    font-size:clamp(7px,.68vw,12px);
  }
}


/* ENG-HOUSE-BILINGUAL-SQ-EN-V1.3 — align language control with header */
.header-inner{position:relative}

.eh-header-actions{
  display:contents !important;
}

.header-inner > .eh-language-toggle{
  position:absolute !important;
  z-index:120 !important;
  margin:0 !important;
  align-self:auto !important;
}

@media (min-width:821px){
  .header-inner > .eh-language-toggle{
    transform:translateY(-50%) !important;
  }
}

@media (max-width:820px){
  .header-inner > .eh-language-toggle{
    left:auto !important;
    right:54px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}

/* V1.6: keep SQ/EN control stable beside the quote button on desktop. */
@media (min-width:821px){
  .header-inner > .eh-language-toggle{transition:none !important;will-change:auto;}
}