/* Phase 14 — Persian/English public website, LTR support, language switch, and header stacking */

.site-header{
    position:sticky!important;
    top:0!important;
    z-index:100000!important;
    isolation:isolate!important;
    overflow:visible!important;
    background:rgba(18,39,67,.985)!important;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 10px 30px rgba(6,24,48,.12);
}
.site-header .nav-shell,
.site-header .container,
.site-header .brand,
.site-header .main-nav,
.site-header .header-actions{position:relative;z-index:3;overflow:visible}
.site-header .main-nav{z-index:8}
.site-header .header-actions,.site-header .brand{z-index:9}
main,.site-main,.page-main{position:relative;z-index:0}
main section,.content-card,.public-content-card,.expertise-card{position:relative;z-index:1}
section[id]{scroll-margin-top:110px}

.language-switch{
    min-width:42px;height:42px;padding:0 10px;border-radius:12px;
    display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(139,184,255,.55);
    color:#dceaff;background:rgba(47,116,255,.09);
    font:800 11px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    letter-spacing:.08em;transition:.2s ease;flex:0 0 auto
}
.language-switch:hover{background:#2f74ff;border-color:#2f74ff;color:#fff;transform:translateY(-1px)}
.header-actions{align-items:center;gap:8px}

html[dir="ltr"] body,
body.lang-en{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    letter-spacing:0;
}
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] .brand strong,
html[dir="ltr"] .footer-brand{
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    letter-spacing:-.03em;
}
html[dir="ltr"] .brand{direction:ltr;text-align:left}
html[dir="ltr"] .brand-mark{letter-spacing:-2px}
html[dir="ltr"] .main-nav a:after{left:0;right:auto}
html[dir="ltr"] .hero{text-align:center}
html[dir="ltr"] .hero h1{letter-spacing:-.055em}
html[dir="ltr"] .focus-item{
    grid-template-columns:44px 1fr;
    text-align:left;
    border-left:0;
    border-right:1px solid rgba(255,255,255,.09)
}
html[dir="ltr"] .focus-item:last-child{border-right:0}
html[dir="ltr"] .focus-icon{margin-left:0;margin-right:10px}
html[dir="ltr"] .about-copy,
html[dir="ltr"] .frontier-copy,
html[dir="ltr"] .contact-intro-copy,
html[dir="ltr"] .public-hero-copy,
html[dir="ltr"] .public-content-card,
html[dir="ltr"] .article-layout,
html[dir="ltr"] .contact-form-card,
html[dir="ltr"] .contact-trust-card,
html[dir="ltr"] .footer-grid{text-align:left}
html[dir="ltr"] .card-tag{align-self:flex-start}
html[dir="ltr"] .seo-breadcrumbs{direction:ltr}
html[dir="ltr"] .article-meta{direction:ltr}
html[dir="ltr"] .article-body{direction:ltr;text-align:left;line-height:1.95}
html[dir="ltr"] .article-body h2,
html[dir="ltr"] .article-body h3{letter-spacing:-.02em}
html[dir="ltr"] .contact-form-grid label{text-align:left}
html[dir="ltr"] .contact-consent{text-align:left}
html[dir="ltr"] .contact-trust-card li{padding-right:0;padding-left:17px;border-right:0;border-left:2px solid rgba(104,188,255,.35)}
html[dir="ltr"] .public-contact-form .form-error ul{margin:8px 0 0 18px}
html[dir="ltr"] .auth-brand{right:auto;left:35px;direction:ltr}
html[dir="ltr"] .auth-card{text-align:left}
html[dir="ltr"] .form-stack label{text-align:left}
html[dir="ltr"] .check-row{justify-content:flex-start}
html[dir="ltr"] .footer-grid a,
html[dir="ltr"] .footer-grid span{text-align:left}
html[dir="ltr"] [dir="ltr"]{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}

.english-home-page .hero-text{max-width:860px;line-height:1.9}
.english-home-page .hero-kicker{letter-spacing:.02em}
.english-home-page .focus-item strong{font-size:13px}
.english-home-page .focus-item small{font-size:10px;line-height:1.5}
.english-home-page .frontier-timeline p{line-height:1.7}
.english-home-page .contact-intro-copy>p{line-height:1.85}

.bilingual-editor-card{margin:0 0 22px}
.english-editor-card{border:1px solid #cfe0f7;background:linear-gradient(180deg,#fbfdff,#f4f8ff)}
.english-editor-card .section-heading{text-align:left}
.english-editor-card .form-grid label{text-align:left}
.english-editor-card textarea,.english-editor-card input{direction:ltr;text-align:left}
.english-editor-card code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

@media(min-width:981px){
    .site-header{min-height:94px!important}
    .site-header .nav-shell{min-height:94px!important;height:auto!important;display:flex;align-items:center!important}
    .main-nav{min-height:64px;display:flex!important;align-items:center!important;justify-content:center;gap:clamp(16px,1.45vw,28px);padding-block:8px!important}
    .main-nav a{min-height:44px;display:inline-flex!important;align-items:center!important;justify-content:center;padding:9px 2px!important;line-height:1.35!important;white-space:nowrap}
    .header-actions{min-height:64px;padding-block:7px;white-space:nowrap}
    .header-actions .btn,.header-actions a,.header-actions button{align-items:center;justify-content:center;line-height:1.3!important}
    html[dir="ltr"] .nav-shell{direction:ltr}
    html[dir="ltr"] .brand{order:1}
    html[dir="ltr"] .main-nav{order:2;margin-left:auto;margin-right:auto}
    html[dir="ltr"] .header-actions{order:3}
}

@media(max-width:1180px) and (min-width:981px){
    .nav-shell{gap:16px!important}
    .main-nav{gap:15px!important;font-size:12px!important}
    .brand strong{font-size:13px!important}
    .brand small{max-width:190px;line-height:1.4}
    .header-actions .btn{padding-inline:12px!important}
}

@media(max-width:980px){
    .site-header{min-height:72px!important}
    .site-header .nav-shell{min-height:72px!important;height:auto!important;align-items:center!important}
    .mobile-menu-button{z-index:100003}
    .main-nav[data-menu]{z-index:100002!important}
    .language-switch{height:38px;min-width:38px;padding:0 8px}
    section[id]{scroll-margin-top:84px}
    html[dir="ltr"] .main-nav[data-menu]{text-align:left}
}

@media(max-width:680px){
    html[dir="ltr"] .auth-brand{left:18px;right:auto}
    html[dir="ltr"] .focus-strip{grid-template-columns:1fr 1fr}
    html[dir="ltr"] .focus-item{border:0}
    .header-actions{gap:6px}
    .language-switch{min-width:36px;height:36px;border-radius:10px;font-size:10px}
    .english-home-page .hero h1{font-size:38px}
    .english-home-page .hero-role{font-size:16px}
}