.site-language-switch{position:fixed;z-index:10000;top:8px;right:10px;display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;background:rgba(10,20,30,.88);color:#fff;font:12px/1.5 Arial,sans-serif;direction:ltr;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.site-language-switch label{font-size:12px;color:#fff}
.site-language-switch select{max-width:130px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:#142031;color:#fff;font:inherit;padding:4px;cursor:pointer}
.site-language-switch option{background:#142031;color:#fff}
@media(max-width:600px){.site-language-switch{top:8px;right:8px;padding:4px 6px}.site-language-switch label{display:none}.site-language-switch select{max-width:105px}}


/* OTools shared responsive header and language control (LTR). */
.otools-responsive-header nav { position:relative; display:flex; align-items:center; gap:20px; min-width:0; }
.otools-responsive-header nav > .brand { flex:0 0 auto; }
.otools-responsive-header nav > .nav-links { display:flex; align-items:center; gap:clamp(12px, 1.5vw, 25px); margin-left:auto; min-width:0; }
.otools-responsive-header .otools-header-controls { display:flex; align-items:center; gap:10px; flex:0 0 auto; margin-left:12px; }
.otools-responsive-header .site-language-switch,
.otools-demo-header .site-language-switch { position:static !important; inset:auto !important; z-index:auto !important; margin:0 !important; box-shadow:none; direction:ltr; }
.otools-responsive-header .site-language-switch { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14); }
.otools-responsive-header .site-language-switch select { max-width:110px; }
.otools-responsive-header .otools-menu-toggle { display:none !important; border:1px solid rgba(255,255,255,.24); border-radius:8px; background:rgba(255,255,255,.05); color:inherit; font:24px/1 Arial,sans-serif; padding:6px 10px; cursor:pointer; }
.otools-demo-header { position:relative; }
.otools-demo-header .otools-demo-language { position:absolute; top:12px; right:20px; z-index:2; }
@media(max-width:1100px) {
  .otools-responsive-header nav > .nav-links { display:none !important; position:absolute; top:calc(100% + 12px); left:0; right:0; z-index:30; padding:12px; margin:0; background:#101d30; border:1px solid rgba(255,255,255,.16); border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.3); flex-direction:column; align-items:stretch; gap:0; }
  .otools-responsive-header nav > .nav-links.is-open { display:flex !important; }
  .otools-responsive-header nav > .nav-links a { display:block; padding:11px 12px; }
  .otools-responsive-header .otools-header-controls { margin-left:auto; }
  .otools-responsive-header .otools-menu-toggle { display:inline-flex !important; align-items:center; justify-content:center; }
}
@media(max-width:600px) {
  .otools-responsive-header .site-language-switch { padding:4px 5px; }
  .otools-responsive-header .site-language-switch label { display:none; }
  .otools-responsive-header .site-language-switch select { max-width:100px; }
  .otools-responsive-header nav { gap:7px; }
  .otools-responsive-header .otools-header-controls { gap:7px; margin-left:auto; }
  .otools-demo-header .otools-demo-language { top:8px; right:8px; }
  .otools-demo-header { padding-top:68px !important; }
}

@media(max-width:700px) {
  .otools-responsive-header nav > .back { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .otools-responsive-header nav > .brand { font-size:19px; }
}

/* Consistent icon-only mobile menu appearance */
.otools-responsive-header .otools-menu-toggle {
  appearance:none; -webkit-appearance:none; width:38px; height:38px;
  padding:7px !important; background:transparent !important;
  border:0 !important; border-radius:8px; color:#f2f5fc;
  font-size:0 !important; line-height:0 !important; box-shadow:none !important;
}
.otools-responsive-header .otools-menu-toggle::before {
  content:""; display:block; width:22px; height:22px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.otools-responsive-header .otools-menu-toggle:hover { background:rgba(255,255,255,.09) !important; }
.otools-responsive-header .otools-menu-toggle:focus-visible { outline:2px solid #9bb8ff; outline-offset:2px; }

/* Hide mobile menu on desktop */
button.otools-menu-toggle {
    display: none !important;
}

/* Show mobile menu only on smaller screens */
@media screen and (max-width: 1100px) {
    button.otools-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;

        background: transparent;
        border: none;
        box-shadow: none;
        color: #ffffff;

        font-size: 25px;
        line-height: 1;
        padding: 6px;
        cursor: pointer;
    }
}