/* WordPress-specific additions to the source site's CSS. */
:root{--font-kufi:'Noto Kufi Arabic',sans-serif;--font-plex:'IBM Plex Sans Arabic',sans-serif;--font-naskh:'Noto Naskh Arabic',serif}
[hidden]{display:none!important}
.sjz-scroll-lock{overflow:hidden!important}
.sjz-overlay,.sjz-search-overlay{position:fixed;inset:0;z-index:80;overflow:auto;background:#071216;color:#fff}
.sjz-search-overlay{background:var(--bg);color:var(--fg)}
.sjz-header-hidden{transform:translateY(-100%)}
.sjz-header-small{height:4rem!important}
.sjz-icon{font-size:1.75rem;line-height:1}
#theme-toggle .sjz-sun{font-size:1.5rem}
#theme-toggle .sjz-moon{display:none;font-size:1.5rem}
[data-theme=dark] #theme-toggle .sjz-sun{display:none}
[data-theme=dark] #theme-toggle .sjz-moon{display:block}
.sjz-desktop-nav>li{position:relative}
.sjz-desktop-nav>li>a{display:block;border-radius:999px;padding:.55rem .8rem;font-size:.95rem;font-weight:600;color:var(--fg);transition:background .2s}
.sjz-desktop-nav>li>a:hover,.sjz-desktop-nav>.current-menu-item>a,.sjz-desktop-nav>.current-menu-ancestor>a{background:var(--elev);color:var(--color-teal)}
.sjz-desktop-nav .sub-menu{display:none;position:absolute;z-index:10;min-width:12rem;inset-inline-start:0;top:100%;background:var(--surface);padding:.5rem;border-radius:1rem;box-shadow:var(--shadow);border:1px solid var(--line)}
.sjz-desktop-nav li:hover>.sub-menu,.sjz-desktop-nav li:focus-within>.sub-menu{display:block}
.sjz-desktop-nav .sub-menu a{display:block;padding:.65rem .9rem;border-radius:.5rem}
.sjz-desktop-nav .sub-menu a:hover{background:var(--elev)}
.sjz-mobile-nav li>a{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;font-family:var(--font-kufi);font-size:clamp(1.2rem,4vw,2.3rem);font-weight:700;transition:color .2s}
.sjz-mobile-nav li>a:hover{color:var(--color-cyan)}
.sjz-mobile-nav .sub-menu{padding-inline-start:2rem}
.sjz-mobile-nav .sub-menu a{font-size:1rem}
.sjz-tab[aria-selected=true]{background:var(--color-ink);color:#fff}
[data-theme=dark] .sjz-tab[aria-selected=true]{background:var(--color-cyan);color:var(--color-ink)}
.sjz-footer-title{-webkit-text-stroke:1px rgba(81,196,211,.35);background-image:linear-gradient(180deg,rgba(81,196,211,.14),transparent 80%);-webkit-background-clip:text;background-clip:text}
.sjz-ad:empty{display:none}
.sjz-pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.sjz-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);font-weight:700}
.sjz-pagination .page-numbers.current,.sjz-pagination .page-numbers:hover{background:var(--color-ink);color:#fff}
#reading-progress{position:fixed;z-index:90;inset-inline-start:0;top:0;width:0;height:3px;background:var(--color-cyan);transition:width .12s linear}
.entry-content ul{margin:1.5em 0;padding-right:1.7rem;list-style:disc}
.entry-content ol{margin:1.5em 0;padding-right:1.7rem;list-style:decimal}
.entry-content li{margin:.5em 0}
.entry-content img{max-width:100%;height:auto;border-radius:1rem}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-image{margin:1.5em 0}
.entry-content h3{font-size:1.35em;margin-top:2em;font-weight:800}
.entry-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
.sjz-custom-logo img{max-width:240px;max-height:64px;width:auto;height:auto}
.sjz-newsletter-form input:focus{outline:2px solid var(--color-cyan)}
@media(max-width:550px){.sjz-newsletter-form .flex{flex-direction:column}}
@media(min-width:1280px){.sjz-desktop-nav>li>a{padding:.65rem .85rem}}
/* Pixel-aligned adaptations of the original Next.js navigation, mobile menu and currency vault. */
[hidden] {display:none!important}
.sjz-main-menu>li>a:hover,.sjz-main-menu>li>button:hover {background:var(--elev)}
.sjz-main-menu>li>a.sjz-active {color:var(--color-teal)}
[data-theme=dark] .sjz-main-menu>li>a.sjz-active {color:var(--color-cyan)}
.sjz-main-menu>li>a.sjz-active:after {content:"";position:absolute;left:1rem;right:1rem;bottom:-.125rem;height:2px;border-radius:999px;background:var(--color-cyan)}
.sjz-more:hover .sjz-more-menu,.sjz-more:focus-within .sjz-more-menu {visibility:visible;opacity:1}
.sjz-more:hover .sjz-more-menu ul,.sjz-more:focus-within .sjz-more-menu ul {transform:none}
.sjz-mobile-nav li>a {font-size:clamp(1.875rem,5vw,2.25rem);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 0}
.sjz-mobile-nav li>a span:last-child {font-size:inherit}
#theme-toggle .sjz-sun{display:block;font-size:inherit}
#theme-toggle .sjz-moon{display:block;font-size:inherit}
[data-theme=dark] #theme-toggle .sjz-sun{display:block}
[data-theme=dark] #theme-toggle .sjz-moon{display:block}
#site-header.glass{box-shadow:0 10px 40px -20px rgb(0 0 0 / .35)}
#site-header .logo-mark,#site-header .logo-word{transition:height .5s}
#site-header.sjz-header-condensed .logo-mark {height:36px!important}
#site-header.sjz-header-condensed .logo-word {height:29.52px!important}
#mobile-menu:not([hidden]) {animation:sjz-menu-in .65s cubic-bezier(.16,1,.3,1) both}
@keyframes sjz-menu-in{from{clip-path:circle(0% at 8% 4%)}to{clip-path:circle(150% at 8% 4%)}}
#search-overlay:not([hidden]) {animation:sjz-fade-in .2s ease-out both}
#search-overlay:not([hidden])>.glow-border{animation:sjz-modal-in .45s cubic-bezier(.16,1,.3,1) both}
@keyframes sjz-fade-in{from{opacity:0}to{opacity:1}}
@keyframes sjz-modal-in{from{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.sjz-city-indicator{inset-inline-start:.25rem}
.sjz-city-tabs[data-active-index="1"] .sjz-city-indicator{inset-inline-start:calc(50% + 0rem)}
.sjz-asset[aria-selected="true"]:after {content:"";position:absolute;inset:auto 1rem 0;height:2px;background:var(--color-cyan);border-radius:999px}
.sjz-asset[data-gold="true"][aria-selected="true"]:after {background:#fcd34d}
.sjz-city-bar-list>div{margin-top:.75rem;display:flex;align-items:center;gap:.75rem}
.sjz-city-bar-list .sjz-bar-track{position:relative;height:.625rem;flex:1;overflow:hidden;border-radius:999px;background:rgb(255 255 255 / .1)}
.sjz-city-bar-list .sjz-bar-fill{position:absolute;inset-block:0;right:0;border-radius:999px;background:linear-gradient(to left,var(--color-cyan),var(--color-teal));transition:width 1s ease-out}
.sjz-city-bar-list>div:nth-child(2) .sjz-bar-fill{background:rgb(255 255 255 / .35)}
.sjz-search-overlay {background:transparent;color:var(--fg)}
.sjz-overlay {background:#071216;color:#fff}
@media(prefers-reduced-motion:reduce){#mobile-menu:not([hidden]),#search-overlay:not([hidden]),#search-overlay:not([hidden])>.glow-border{animation:none}}

/* V6 single article refinements */
.sjz-share-col .sjz-share-box{backdrop-filter:blur(14px)}
.sjz-entry-refined{font-size:1.12rem;line-height:2.2;color:var(--fg)}
.sjz-entry-refined > :first-child{margin-top:0}
.sjz-entry-refined p{margin:0 0 1.35em}
.sjz-entry-refined h2,.sjz-entry-refined h3,.sjz-entry-refined h4{font-family:var(--font-kufi);font-weight:800;line-height:1.7;margin:1.9em 0 .9em}
.sjz-entry-refined blockquote{margin:2rem 0;padding:1.25rem 1.25rem 1.25rem 1rem;border-inline-start:4px solid var(--color-cyan);border-radius:1rem;background:color-mix(in srgb,var(--surface) 72%, transparent);color:var(--fg)}
.sjz-entry-refined ul,.sjz-entry-refined ol{padding-inline-start:0;padding-inline-end:1.5rem}
.sjz-entry-refined img{display:block;margin:1.25rem auto;border-radius:1.5rem}
.sjz-entry-refined a{color:var(--color-teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
[data-theme=dark] .sjz-entry-refined a{color:var(--color-cyan)}
.sjz-entry-refined table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:1rem;margin:1.5rem 0}
.sjz-entry-refined table th,.sjz-entry-refined table td{padding:.8rem 1rem;border:1px solid var(--line)}
.sjz-entry-refined table th{background:var(--elev)}
@media(max-width:1023px){.sjz-share-col{display:none}}
/* No sideways page scrolling: full-bleed sections and marquees are clipped to the viewport. */
html,body{overflow-x:clip;max-width:100%}
@supports not (overflow:clip){body{overflow-x:hidden}}
/* Mobile menu accordions (menu items with sub-items) */
.sjz-sub-summary{list-style:none}
.sjz-sub-summary::-webkit-details-marker{display:none}
.sjz-sub-chev{align-self:center;transition:transform .3s}
.sjz-mobile-sub[open] .sjz-sub-chev{transform:rotate(180deg)}
