/* GENESIS true16.21 — Canonical Bilingual Header + Knowledge/Trust Stability */
:root{--p12-header-h:88px;--p12-shell:1920px}
body.s16-site header#header{height:var(--p12-header-h)!important;min-height:var(--p12-header-h)!important;contain:layout style!important;overflow:visible!important}
body.s16-site .p12-header-shell{width:min(var(--p12-shell),calc(100% - 40px))!important;max-width:none!important;height:100%;margin-inline:auto;padding:0!important}
body.s16-site .p12-header-row{display:grid!important;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;height:100%;gap:20px;direction:ltr}
html[dir="rtl"] body.s16-site .p12-header-row{grid-template-columns:auto minmax(0,1fr) 170px;direction:rtl}
body.s16-site header#header .logo-container{display:flex;align-items:center;justify-content:flex-start;min-width:0}
html[dir="rtl"] body.s16-site header#header .logo-container{justify-content:flex-end}
body.s16-site header#header .logo-container img{height:62px!important;max-height:62px!important;width:auto!important;display:block}
body.s16-site .p12-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.25vw,30px);min-width:0;white-space:nowrap}
body.s16-site .p12-desktop-nav .nav-link{font-size:clamp(.78rem,.72vw,.96rem)!important;line-height:1.1!important;padding:12px 2px!important;flex:0 0 auto}
body.s16-site header#header .s16-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content;direction:ltr}
html[dir="rtl"] body.s16-site header#header .s16-header-actions{justify-content:flex-start}
body.s16-site .p12-access{display:inline-flex!important;min-height:52px;padding-inline:20px!important;gap:10px}
body.s16-site .p12-menu-button{display:none!important}
body.s16-site .p12-mobile-menu{display:none}

/* Knowledge: controls belong to the document flow; they must never cover the title. */
.ku-main{padding-top:var(--p12-header-h)!important}
.ku-controls{position:relative!important;top:auto!important;z-index:5!important}
html[dir="rtl"] .ku-title{font-family:'Cairo',sans-serif!important;font-size:clamp(2.45rem,4.6vw,5rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
html[dir="rtl"] .ku-section-head{direction:rtl}
html[dir="rtl"] .ku-section-head h2,html[dir="rtl"] .ku-section-head p{text-align:right}
html[dir="rtl"] .ku-card,html[dir="rtl"] .ku-principle{text-align:right}
html[dir="rtl"] .ku-card-top,html[dir="rtl"] .ku-meta{direction:rtl}

/* Trust: enforce the same Arabic type system and canonical content rhythm. */
.font-arabic .p7-trust-page,.font-arabic .p7-trust-page *{font-family:'Cairo',sans-serif}
.font-english .p7-trust-page,.font-english .p7-trust-page *{font-family:'Inter',sans-serif}
.p7-trust-page{padding-top:var(--p12-header-h)!important}
html[dir="rtl"] .p7-hero h1{font-size:clamp(3rem,5.2vw,6.25rem)!important;line-height:1.17!important;letter-spacing:-.035em!important;text-align:right}
html[dir="rtl"] .p7-hero>p,html[dir="rtl"] .p7-section-head,html[dir="rtl"] .p7-card,html[dir="rtl"] .p7-panel{text-align:right}
html[dir="rtl"] .p7-section-head{direction:rtl}

@media(max-width:1640px){
 body.s16-site .p12-desktop-nav{display:none!important}
 body.s16-site .p12-menu-button{display:grid!important}
 body.s16-site .p12-header-row{grid-template-columns:170px 1fr auto}
 html[dir="rtl"] body.s16-site .p12-header-row{grid-template-columns:auto 1fr 170px}
 body.s16-site .p12-mobile-menu:not(.hidden){display:grid!important;position:absolute;top:calc(var(--p12-header-h) - 2px);left:20px;right:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px;border-radius:0 0 20px 20px;background:rgba(248,251,251,.98);border:1px solid rgba(56,93,99,.14);box-shadow:0 24px 50px rgba(15,36,42,.14)}
 html.dark body.s16-site .p12-mobile-menu:not(.hidden){background:rgba(8,22,27,.98);border-color:rgba(255,255,255,.1)}
}
@media(max-width:760px){
 :root{--p12-header-h:72px}
 body.s16-site .p12-header-shell{width:calc(100% - 20px)!important}
 body.s16-site .p12-header-row,html[dir="rtl"] body.s16-site .p12-header-row{grid-template-columns:1fr auto;gap:10px}
 body.s16-site header#header .logo-container img{height:48px!important;max-height:48px!important}
 body.s16-site .p12-access{display:none!important}
 body.s16-site .p12-mobile-menu:not(.hidden){left:10px;right:10px;grid-template-columns:1fr}
 html[dir="rtl"] .ku-title{font-size:clamp(2.1rem,11vw,3.5rem)!important}
 html[dir="rtl"] .p7-hero h1{font-size:clamp(2.35rem,11vw,4.2rem)!important}
}
