/* ELFIRA Group — one-button language toggle and responsive English headline.
   A real anchor is used so switching works without JavaScript or tap-state scripts. */
.site-header .nav-actions > a.language-switch{
  position:relative;z-index:5;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:46px;width:46px;height:44px;padding:0;
  border-radius:999px;
  border:1px solid var(--dock-border);
  background:var(--dock-hover);color:var(--ink);
  font-size:12px;font-weight:780;line-height:1;letter-spacing:.02em;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;pointer-events:auto;
  flex:none;isolation:isolate;
}
.site-header .nav-actions > a.language-switch:hover{
  background:color-mix(in srgb,var(--ink) 9%,var(--bg));
}
.site-header .nav-actions > a.language-switch:focus-visible{
  outline:2px solid var(--ink);outline-offset:2px;
}

/* Separate English gradient words so no single unbreakable line can exceed
   the viewport. The Turkish title keeps its existing visual design. */
html[lang="en"] .hero-text{width:100%;min-width:0;max-width:100%}
html[lang="en"] .hero h1{
  max-width:100%;font-size:clamp(56px,7.5vw,104px);
  letter-spacing:-.076em;line-height:1.045;
}
html[lang="en"] .hero h1 .gradient-title{
  white-space:nowrap;overflow-wrap:normal;word-break:normal;
}
html[lang="en"] .hero h1 .en-word-separator{white-space:pre}
html[lang="en"] .hero h1 .en-gradient-last{display:inline}

/* Use a native stroke icon instead of a platform-dependent emoji. */
.pillar-asterisk{display:inline-grid;place-items:center;width:23px;height:23px}
.pillar-asterisk svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}

@media(max-width:700px){
  .site-header .nav-actions{position:relative;z-index:2;gap:3px}
  .site-header .nav-actions > .icon-button{
    position:relative;z-index:2;width:44px;height:44px;touch-action:manipulation
  }
  .site-header .nav-actions > a.language-switch{
    min-width:44px;width:44px;height:44px
  }
  html[lang="en"] .hero h1{
    font-size:clamp(36px,10.2vw,55px);line-height:1.04;letter-spacing:-.077em
  }
  html[lang="en"] .hero h1 .en-word-separator{display:none}
  html[lang="en"] .hero h1 .en-gradient-last{display:block}
}
@media(max-width:365px){
  .site-header .nav-container,.site-header.is-condensed .nav-container{
    padding-left:11px;padding-right:7px;gap:5px
  }
  .site-header .brand strong{font-size:18px}
  .site-header .brand span{font-size:7px}
  .site-header .nav-actions > a.language-switch{min-width:42px;width:42px;height:44px}
  .site-header .nav-actions > .icon-button{width:40px;height:44px}
  html[lang="en"] .hero h1{font-size:clamp(35px,10vw,38px)}
}