/* MENA-SINO Phase 3 — The Living Network navigation and editorial templates.
 * Design philosophy: hierarchy is a connected regional system; menu and page frames clarify
 * routes without rewriting the underlying WordPress content, records, images, or destinations.
 */

.mena-living-header { position:sticky; z-index:995; top:0; background:rgba(251,248,242,.97); border-bottom:1px solid rgba(10,26,34,.13); box-shadow:0 10px 24px rgba(10,26,34,.06); backdrop-filter:blur(14px); }
.admin-bar .mena-living-header { top:var(--wp-admin--admin-bar--height,32px); }
.mena-living-header__inner { width:min(100% - 40px, 1380px); min-height:76px; display:flex; align-items:center; gap:clamp(14px,2vw,30px); margin:auto; }
.mena-living-brand { display:inline-flex; align-items:center; gap:10px; flex:0 0 auto; color:var(--ink); text-decoration:none; }.mena-living-brand strong { display:block; font:600 18px/1 var(--font-display); letter-spacing:-.03em; }.mena-living-brand small { display:block; max-width:150px; margin-top:3px; color:var(--slate); font:600 8.5px/1.3 var(--font-body); letter-spacing:.06em; text-transform:uppercase; }
.mena-living-brand__mark { position:relative; display:grid; grid-template-columns:repeat(3,5px); gap:3px; align-items:center; width:30px; height:30px; padding:0 3px; overflow:hidden; background:var(--ink); border-radius:50%; }.mena-living-brand__mark::before,.mena-living-brand__mark::after { content:""; position:absolute; left:4px; right:4px; height:1px; background:rgba(251,248,242,.66); transform:rotate(25deg); }.mena-living-brand__mark::after { transform:rotate(-28deg); }.mena-living-brand__mark i { position:relative; z-index:1; width:5px; height:5px; background:var(--sand); border-radius:50%; }.mena-living-brand__mark i:nth-child(2) { background:var(--pulse); }.mena-living-brand__mark i:nth-child(3) { background:var(--teal-light); }
.mena-living-header__menu { min-width:0; flex:1; }.mena-living-header__inner > .mena-living-header__menu > .mena-mega-mobile-list { display:none; }.mena-mega-top-list { display:flex; align-items:center; justify-content:flex-end; gap:2px; padding:0; margin:0; list-style:none; }.mena-mega-top-list > li > a,.mena-mega-top-list > li > button { display:inline-flex; gap:5px; align-items:center; min-height:45px; padding:8px 9px; color:var(--ink); background:transparent; border:0; font:700 11.5px var(--font-body); text-decoration:none; white-space:nowrap; cursor:pointer; }.mena-mega-top-list > li > a:hover,.mena-mega-top-list > li > button:hover,.mena-mega-top-list > li > button[aria-expanded="true"] { color:var(--teal); }.mena-mega-caret { font-size:14px; transition:transform 160ms var(--ease-out); }.mena-mega-top-item:has(button[aria-expanded="true"]) .mena-mega-caret, .mena-mega-mobile-list details[open] .mena-mega-caret { transform:rotate(180deg); }
.mena-mega-panel { position:absolute; left:0; right:0; top:calc(100% + 1px); padding:18px 0 26px; background:var(--paper); border-top:1px solid var(--home-border,rgba(10,26,34,.12)); border-bottom:1px solid var(--home-border,rgba(10,26,34,.12)); box-shadow:0 22px 34px rgba(10,26,34,.12); }.mena-mega-panel__inner { width:min(100% - 64px,1180px); margin:auto; }.mena-mega-panel__eyebrow { margin:0 0 13px; color:var(--teal); font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }.mena-mega-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px 26px; padding:0; margin:0; list-style:none; }.mena-mega-list li { min-width:0; }.mena-mega-list > li > a { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:10px 0; color:var(--ink); border-bottom:1px solid rgba(10,26,34,.09); font-size:13px; font-weight:700; text-decoration:none; }.mena-mega-list > li > a:hover { color:var(--teal); }.mena-mega-list--depth-1 { display:block; margin:0 0 3px; padding-left:12px; }.mena-mega-list--depth-1 > li > a { display:block; padding:5px 0; border:0; color:var(--slate); font-size:11.5px; font-weight:600; }.mena-external-mark { flex:0 0 auto; color:var(--pulse); font-size:14px; }.mena-living-header__join { flex:0 0 auto; display:inline-flex; gap:7px; align-items:center; justify-content:center; min-height:40px; padding:10px 13px; color:#fff; background:var(--pulse); border-radius:100px; box-shadow:0 8px 16px rgba(232,92,74,.2); font-size:11px; font-weight:800; text-decoration:none; white-space:nowrap; }.mena-living-header__join:hover { color:#fff; background:var(--teal); }.mena-mega-menu-toggle,.mena-mobile-menu { display:none; }

body:not(.wp-admin) #site-header.site-header { display:none !important; } body.mena-phase3-page .page-header, body.mena-phase3-page .entry-header { display:none !important; } body.mena-phase3-page .entry-content { max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .mena-phase3-template { color:var(--ink); background:var(--paper); font-family:var(--font-body); }.mena-phase3-template * { box-sizing:border-box; }.mena-phase3-template h1,.mena-phase3-template h2,.mena-phase3-template h3 { margin:0; font-family:var(--font-display); font-weight:500; letter-spacing:-.025em; }.mena-phase3-template p { margin:0; }.mena-inner-hero { position:relative; overflow:hidden; padding:clamp(62px,9vw,115px) max(28px,calc((100% - 1120px)/2)); color:var(--paper); background:var(--ink); }.mena-inner-hero::after { content:""; position:absolute; inset:0; opacity:.32; pointer-events:none; background:radial-gradient(circle at 84% 50%,rgba(46,153,134,.42),transparent 22%),radial-gradient(circle at 74% 36%,rgba(232,92,74,.24),transparent 9%),linear-gradient(rgba(251,248,242,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(251,248,242,.12) 1px,transparent 1px); background-size:auto,auto,46px 46px,46px 46px; mask-image:linear-gradient(90deg,transparent 1%,#000 33%,#000 100%); }.mena-inner-hero > * { position:relative; z-index:1; }.mena-inner-hero .mena-network-eyebrow { color:var(--sand); }.mena-inner-hero h1 { max-width:760px; margin-top:16px; font-size:clamp(3rem,6vw,5.3rem); line-height:.96; }.mena-inner-hero > p:not(.mena-network-eyebrow) { max-width:630px; margin-top:20px; color:rgba(251,248,242,.76); font-size:clamp(1rem,1.6vw,1.14rem); line-height:1.65; }.mena-inner-hero--membership { background:linear-gradient(125deg,var(--ink) 0%,#113941 68%,var(--teal) 160%); }.mena-inner-hero--patient { background:linear-gradient(125deg,#0a1a22 0%,#1e5e60 65%,var(--teal) 135%); }.mena-inner-hero--society { background:linear-gradient(125deg,var(--ink) 0%,#173840 72%,var(--ink) 100%); }.mena-inner-hero__links { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }.mena-inner-hero__links a { display:inline-flex; gap:8px; align-items:center; padding:10px 13px; color:var(--paper); border:1px solid rgba(251,248,242,.28); border-radius:100px; font-size:12px; font-weight:700; text-decoration:none; }.mena-inner-hero__links a:hover { color:var(--ink); background:var(--sand); border-color:var(--sand); }
.mena-inner-section-head { width:min(100% - 40px,780px); margin:0 auto 34px; text-align:center; }.mena-inner-section-head .mena-network-eyebrow { justify-content:center; }.mena-inner-section-head h2 { margin-top:13px; font-size:clamp(2rem,4vw,3.55rem); line-height:1.03; }.mena-inner-section-head > p:not(.mena-network-eyebrow) { margin-top:15px; color:var(--slate); line-height:1.65; }.mena-patient-guide,.mena-membership-guide,.mena-governance-preserved,.mena-society-preserved,.mena-committees-preserved,.mena-membership-application { padding:clamp(55px,8vw,100px) max(20px,calc((100% - 1120px)/2)); }.mena-patient-guide { background:linear-gradient(180deg,var(--paper),rgba(232,220,200,.35)); }.mena-patient-paths { width:min(100% - 40px,1120px); display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin:auto; }.mena-patient-paths a { position:relative; display:flex; min-height:245px; flex-direction:column; padding:19px; overflow:hidden; color:var(--ink); background:#fffdfa; border:1px solid rgba(10,26,34,.12); border-radius:var(--radius); text-decoration:none; }.mena-patient-paths a:nth-child(2),.mena-patient-paths a:nth-child(4) { background:rgba(232,220,200,.48); }.mena-patient-paths h2 { margin-top:17px; font-size:1.45rem; line-height:1.06; }.mena-patient-paths p { margin-top:10px; color:var(--slate); font-size:12.5px; line-height:1.5; }.mena-path-index { color:var(--teal); font-size:10px; font-weight:700; letter-spacing:.1em; }.mena-path-arrow { margin-top:auto; color:var(--pulse); font-size:22px; }.mena-patient-disclaimer { width:min(100% - 40px,1120px); margin:0 auto; padding:18px 20px; color:var(--slate); background:rgba(251,248,242,.9); border-inline-start:3px solid var(--pulse); font-size:13px; line-height:1.6; }.mena-phase3-preserved-content { width:min(100%,1000px); margin:auto; }.mena-phase3-preserved-content .mena-content-intro { display:none; }.mena-phase3-template--patient .mena-phase3-preserved-content { display:none; }
.mena-membership-guide { background:var(--paper); }.mena-membership-guide__grid { width:min(100% - 40px,1120px); display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin:auto; }.mena-membership-guide__grid article { position:relative; display:flex; flex-direction:column; min-height:335px; padding:20px; background:#fffdfa; border:1px solid rgba(10,26,34,.12); border-radius:var(--radius); }.mena-membership-guide__grid article.is-featured { color:var(--paper); background:var(--ink); border-color:var(--ink); box-shadow:0 20px 36px rgba(10,26,34,.14); transform:translateY(-12px); }.mena-tier-label { color:var(--teal); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.is-featured .mena-tier-label,.is-featured strong,.is-featured a { color:var(--sand) !important; }.mena-membership-guide__grid h3 { margin-top:10px; font-size:1.4rem; line-height:1.05; }.mena-membership-guide__grid article > p:not(.mena-tier-label) { margin-top:13px; color:var(--slate); font-size:12.5px; line-height:1.5; }.is-featured article > p:not(.mena-tier-label),.is-featured > p:not(.mena-tier-label) { color:rgba(251,248,242,.72) !important; }.mena-membership-guide__grid strong { display:block; margin-top:auto; padding-top:20px; color:var(--teal); font:500 2rem/1 var(--font-display); }.mena-membership-guide__grid a { display:flex; gap:7px; align-items:center; margin-top:18px; color:var(--teal); font-size:12px; font-weight:800; text-decoration:none; }.mena-membership-guide__notice { width:min(100% - 40px,900px); margin:30px auto 0; padding:17px 19px; color:var(--slate); background:rgba(232,220,200,.42); border-inline-start:3px solid var(--pulse); font-size:13px; line-height:1.55; }.mena-membership-guide__notice a { color:var(--teal); font-weight:800; }.mena-membership-application { background:rgba(232,220,200,.28); }.mena-membership-application .mena-phase3-preserved-content { padding:clamp(20px,4vw,44px); background:#fffdfa; border:1px solid rgba(10,26,34,.1); border-radius:var(--radius); box-shadow:0 16px 32px rgba(10,26,34,.06); }
.mena-governance-preserved,.mena-society-preserved,.mena-committees-preserved { background:var(--paper); }.mena-governance-preserved .mena-phase3-preserved-content,.mena-society-preserved .mena-phase3-preserved-content,.mena-committees-preserved .mena-phase3-preserved-content { width:min(100% - 40px,1100px); }.mena-governance-preserved .elementor-section,.mena-society-preserved .elementor-section,.mena-committees-preserved .elementor-section { margin-bottom:18px; }.mena-governance-preserved h2,.mena-society-preserved h2,.mena-committees-preserved h2 { padding-top:25px; color:var(--ink); font-size:clamp(1.8rem,3vw,2.6rem); }.mena-governance-preserved h3,.mena-society-preserved h3,.mena-committees-preserved h3 { color:var(--teal); font-size:1.45rem; }.mena-governance-preserved img { aspect-ratio:1; object-fit:cover; border-radius:50%; box-shadow:0 10px 24px rgba(10,26,34,.12); }.mena-governance-preserved .elementor-column { margin-bottom:16px; }.mena-governance-preserved .elementor-widget-wrap { padding:16px; background:#fffdfa; border:1px solid rgba(10,26,34,.1); border-radius:var(--radius); }.mena-society-preserved .elementor-widget-wrap,.mena-committees-preserved .elementor-widget-wrap { padding:20px; background:#fffdfa; border:1px solid rgba(10,26,34,.1); border-radius:var(--radius); }

@media (prefers-reduced-motion: no-preference) { .mena-patient-paths a,.mena-membership-guide__grid article,.mena-living-header__join { transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out); }.mena-patient-paths a:hover { transform:translateY(-4px); box-shadow:0 18px 30px rgba(10,26,34,.1); }.mena-membership-guide__grid article:not(.is-featured):hover { transform:translateY(-4px); box-shadow:0 18px 30px rgba(10,26,34,.1); } }
@media (prefers-reduced-motion: reduce) { .mena-patient-paths a,.mena-membership-guide__grid article,.mena-living-header__join,.mena-mega-caret { transition:none; } }
@media (max-width:1120px) { .mena-mega-top-list > li > a,.mena-mega-top-list > li > button { padding-inline:6px; font-size:10.5px; }.mena-living-brand small { display:none; }.mena-patient-paths,.mena-membership-guide__grid { grid-template-columns:repeat(3,1fr); }.mena-membership-guide__grid article.is-featured { transform:none; } }
@media (max-width:860px) { .mena-living-header__inner { min-height:67px; }.mena-living-header__menu,.mena-living-header__join { display:none; }.mena-mega-menu-toggle { display:grid; width:42px; height:42px; place-content:center; gap:5px; margin-left:auto; padding:0; background:transparent; border:1px solid rgba(10,26,34,.18); border-radius:50%; cursor:pointer; }.mena-mega-menu-toggle span { display:block; width:17px; height:1.5px; background:var(--ink); }.mena-mobile-menu { position:absolute; top:calc(100% + 1px); left:0; right:0; max-height:calc(100vh - 68px); padding:14px 20px 26px; overflow:auto; background:var(--paper); border-top:1px solid rgba(10,26,34,.13); box-shadow:0 20px 30px rgba(10,26,34,.14); }.mena-mobile-menu[hidden] { display:none; }.mena-mobile-menu .mena-living-header__menu { display:block; }.mena-mobile-menu .mena-mega-top-list { display:none; }.mena-mobile-menu .mena-mega-mobile-list { display:block; }.mena-mega-mobile-list > a,.mena-mega-mobile-list summary { display:flex; justify-content:space-between; align-items:center; padding:14px 0; color:var(--ink); border-bottom:1px solid rgba(10,26,34,.11); font-size:14px; font-weight:800; text-decoration:none; cursor:pointer; }.mena-mega-mobile-list details { border-bottom:1px solid rgba(10,26,34,.11); }.mena-mega-mobile-list summary { border:0; list-style:none; }.mena-mega-mobile-list summary::-webkit-details-marker { display:none; }.mena-mega-mobile-list .mena-mega-list { display:block; padding:0 0 10px 14px; }.mena-mega-mobile-list .mena-mega-list > li > a { font-size:13px; }.mena-mega-mobile-list .mena-mega-list--depth-1 { padding-left:13px; }.mena-inner-hero { padding-inline:28px; }.mena-patient-paths,.mena-membership-guide__grid { grid-template-columns:repeat(2,1fr); }.mena-governance-preserved .elementor-column { width:calc(50% - 10px) !important; } }
@media (max-width:560px) { .mena-living-header__inner { width:min(100% - 28px,1380px); }.mena-living-brand strong { font-size:16px; }.mena-inner-hero h1 { font-size:clamp(2.75rem,14vw,4.2rem); }.mena-inner-section-head { width:min(100% - 32px,780px); }.mena-patient-paths,.mena-membership-guide__grid { width:min(100% - 32px,1120px); grid-template-columns:1fr; }.mena-patient-paths a { min-height:196px; }.mena-membership-guide__grid article { min-height:270px; }.mena-governance-preserved .elementor-column { width:100% !important; }.mena-inner-hero__links { gap:6px; } }
html[dir="rtl"] .mena-living-header__inner { flex-direction:row-reverse; } html[dir="rtl"] .mena-mega-panel__inner { text-align:right; } html[dir="rtl"] .mena-mega-list--depth-1 { padding-left:0; padding-right:12px; } html[dir="rtl"] .mena-patient-disclaimer,.mena-membership-guide__notice { border-inline-start:0; border-inline-end:3px solid var(--pulse); } html[dir="rtl"] .mena-path-arrow,.mena-phase3-template [aria-hidden="true"] { display:inline-block; } html[dir="rtl"] .mena-path-arrow { transform:scaleX(-1); }