/* ELNOZAMY.COM — R12 High-End Restoration & Full QA
   Patch-only presentation layer. R10/R11 remain loaded immediately before this file. */

/* ------------------------------------------------------------------
   1) Typography contract — match the families actually requested in layout.php
   ------------------------------------------------------------------ */
:root{
  --sans:'Manrope',Arial,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --arabic:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;
  --arabic-display:'Noto Kufi Arabic','IBM Plex Sans Arabic',Tahoma,sans-serif;
}
html{font-synthesis:none}
html[dir=rtl] body,
html[dir=rtl] button,
html[dir=rtl] input,
html[dir=rtl] textarea,
html[dir=rtl] select{font-family:var(--arabic)}
html[dir=rtl] h1,
html[dir=rtl] h2,
html[dir=rtl] h3,
html[dir=rtl] h4{font-family:var(--arabic-display)}
html[dir=rtl] body{line-height:1.9}

/* ------------------------------------------------------------------
   2) R11-safe hero finish — restore full-colour source, do not alter geometry
   ------------------------------------------------------------------ */
.hero-r6{isolation:isolate;background:
  radial-gradient(circle at 74% 27%,rgba(60,66,78,.34) 0,rgba(18,20,24,.22) 27%,transparent 49%),
  radial-gradient(circle at 24% 76%,rgba(199,164,102,.08),transparent 36%),
  linear-gradient(135deg,#070809 0,#0b0c0e 52%,#070708 100%)!important}
.hero-r6:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 100%;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.55),transparent);opacity:.35}
.hero-r6-portrait .portrait-frame{position:relative;background:linear-gradient(160deg,#15171a 0,#090a0c 72%)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 28px 70px rgba(0,0,0,.32)}
.hero-r6-portrait .portrait-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(199,164,102,.12);box-shadow:inset 0 -80px 90px rgba(0,0,0,.08)}
.hero-r6-portrait .portrait-frame img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important}
.hero-r6-copy{position:relative}
.hero-r6-copy .hero-lead{max-width:690px}
.hero-r6-copy .hero-lead p{color:#c9c4bc}
.hero-proof{border-top-color:rgba(255,255,255,.15)!important}

/* Never re-introduce monochrome treatment on primary editorial media. */
.editorial-photo img,.global-photo img,.media-wide img,.home-video-media img,
.home-article-thumb img,.home-gallery-tile img,.library-card-media img,
.article-cover img,.article-prose img,.photo-view-r6 img,.inner-hero-r6-media img{
  filter:none!important;opacity:1;mix-blend-mode:normal
}

/* ------------------------------------------------------------------
   3) Home content libraries — refined editorial cards, no content hard-coding
   ------------------------------------------------------------------ */
.home-video-card,.home-article-card{min-width:0}
.home-video-media{border:1px solid rgba(0,0,0,.10);background:#090a0c;box-shadow:0 16px 36px rgba(0,0,0,.08)}
.home-video-media img{object-fit:contain!important;background:#090a0c}
.home-video-media i{display:grid!important;place-items:center!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important;transition:transform .25s ease,background .25s ease}
.home-video-media:hover i,.home-video-media:focus-visible i{transform:scale(1.06);background:var(--gold2)}
.home-video-card h3 a,.home-article-card h3 a{overflow-wrap:anywhere;text-wrap:balance}
.home-video-card time,.home-article-card time{font-variant-numeric:tabular-nums}
.home-article-card{overflow:hidden;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(180deg,#121316 0,#0e0f11 100%)!important;box-shadow:0 16px 42px rgba(0,0,0,.14)}
.home-article-thumb{border-bottom:1px solid rgba(255,255,255,.10)}
.home-article-thumb img{object-fit:contain!important;background:#0a0b0d}
.home-article-card>div{display:flex;flex-direction:column;min-height:250px}
.home-article-card .text-link{margin-top:auto;padding-top:18px}
html[dir=rtl] .home-video-card h3,html[dir=rtl] .home-article-card h3{font-family:var(--arabic);font-weight:600;line-height:1.65;letter-spacing:0}
html[dir=rtl] .home-video-card time,html[dir=rtl] .home-article-card time{letter-spacing:0;font-size:11px}

/* ------------------------------------------------------------------
   4) Article reading restoration — CMS HTML + plain-text bodies
   ------------------------------------------------------------------ */
.article-reading-r6{background:linear-gradient(180deg,#f5f1e9 0,#f0ebe2 100%)}
.article-reading-grid{grid-template-columns:minmax(230px,330px) minmax(0,790px)!important;gap:clamp(36px,6vw,86px)!important}
.article-cover figure{border:1px solid rgba(0,0,0,.09)!important;background:#e9e2d7!important;padding:10px!important;box-shadow:0 18px 44px rgba(52,43,33,.10)}
.article-cover img{max-height:520px!important;background:#e9e2d7;object-fit:contain!important}
.article-prose{max-width:790px;color:#37332e!important;font-size:18px!important;line-height:1.95!important;overflow-wrap:anywhere;word-break:normal}
.article-prose>p:first-child{font-size:1.08em;color:#292621}
.article-prose p{margin:0 0 1.35em!important}
.article-prose h2,.article-prose h3,.article-prose h4{color:#151412;margin:2.1em 0 .72em!important;line-height:1.2!important;scroll-margin-top:110px}
.article-prose h2{font-family:var(--sans)!important;font-size:clamp(28px,3vw,38px);font-weight:650;letter-spacing:-.025em}
.article-prose h3{font-family:var(--sans)!important;font-size:clamp(23px,2.4vw,30px);font-weight:650;letter-spacing:-.02em}
.article-prose h4{font-family:var(--sans)!important;font-size:20px;font-weight:700;letter-spacing:-.01em}
.article-prose ul,.article-prose ol{margin:0 0 1.55em;padding-inline-start:1.45em}
.article-prose li{margin:.48em 0;padding-inline-start:.25em}
.article-prose blockquote{margin:2em 0;padding:1.1em 1.35em;border-inline-start:3px solid var(--gold);background:rgba(199,164,102,.08);color:#4d463d;font-size:1.04em}
.article-prose a{color:#5f4926;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-prose a:hover{color:#221a0e}
.article-prose strong,.article-prose b{color:#1b1916;font-weight:700}
.article-prose hr{border:0;border-top:1px solid rgba(0,0,0,.14);margin:2.4em 0}
.article-prose figure{margin:2em 0!important}
.article-prose figure img,.article-prose img{display:block;max-width:100%!important;height:auto!important;margin:1.8em auto!important;border-radius:1px}
.article-prose figcaption{margin:.65em auto 0;color:#746d63;font-size:.84em;line-height:1.6;text-align:center}
.article-prose table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:2em 0;background:rgba(255,255,255,.34)}
.article-prose th,.article-prose td{min-width:120px;padding:11px 13px;border:1px solid rgba(0,0,0,.13);vertical-align:top;text-align:start}
.article-prose th{background:rgba(0,0,0,.045);font-weight:700;color:#211f1b}
.article-prose iframe,.article-prose video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;margin:2em auto;border:0}
html[dir=rtl] .article-prose{font-family:var(--arabic)!important;font-size:18px!important;line-height:2.05!important;text-align:start}
html[dir=rtl] .article-prose h2,html[dir=rtl] .article-prose h3,html[dir=rtl] .article-prose h4{font-family:var(--arabic-display)!important;letter-spacing:0;line-height:1.6!important}
html[dir=rtl] .article-prose p,html[dir=rtl] .article-prose li,html[dir=rtl] .article-prose blockquote{unicode-bidi:plaintext}

/* ------------------------------------------------------------------
   5) Library / media consistency
   ------------------------------------------------------------------ */
.library-card-media{isolation:isolate}
.article-card-r6 .library-card-media img{object-fit:contain!important;background:#eee8df}
.video-card-r6 .library-card-media img{object-fit:contain!important;background:#090a0c}
.library-card-copy h2 a{overflow-wrap:anywhere;text-wrap:balance}
.video-stage-r6{overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#070809;box-shadow:0 22px 55px rgba(0,0,0,.14)!important}
.photo-view-r6 figure img{filter:none!important}
.home-gallery-tile{background:#ded7cb!important}
.home-gallery-tile img{object-fit:contain!important;background:#ded7cb}

/* ------------------------------------------------------------------
   6) Interaction / accessibility / resilient layout
   ------------------------------------------------------------------ */
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.main-nav a:focus-visible,.brand:focus-visible,.menu-toggle:focus-visible{outline-color:var(--gold2)}
img{height:auto}
.site-header,.main-nav,.shell,.hero-r6-grid,.editorial-grid,.global-grid,.media-grid-r6{min-width:0}
.library-card-copy,.home-article-card>div,.home-video-card{min-width:0}

/* ------------------------------------------------------------------
   7) Arabic rhythm / navigation polish
   ------------------------------------------------------------------ */
html[dir=rtl] .eyebrow{font-family:var(--arabic);font-weight:700;line-height:1.6}
html[dir=rtl] .btn,html[dir=rtl] .text-link{font-family:var(--arabic);letter-spacing:0}
html[dir=rtl] .main-nav>a{font-family:var(--arabic)!important;font-weight:600}
html[dir=rtl] .library-detail-head h1{font-family:var(--arabic-display);font-weight:600;line-height:1.55!important;letter-spacing:0}
html[dir=rtl] .library-card-copy h2{font-family:var(--arabic);font-weight:600;line-height:1.65}

/* ------------------------------------------------------------------
   8) Responsive regression layer
   ------------------------------------------------------------------ */
@media(max-width:1180px){
  .article-reading-grid{grid-template-columns:1fr!important;max-width:850px}
  .article-cover{position:static!important;max-width:360px;margin-inline:auto}
}
@media(max-width:900px){
  .hero-r6-portrait .portrait-frame{box-shadow:0 20px 48px rgba(0,0,0,.28)}
  .home-video-grid,.home-article-grid{gap:22px!important}
  .article-prose{font-size:17px!important}
  html[dir=rtl] .article-prose{font-size:17px!important}
}
@media(max-width:700px){
  .hero-r6:after{display:none}
  .hero-r6-portrait{width:100%!important;max-width:520px!important}
  .hero-r6-portrait .portrait-frame{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
  .hero-r6-portrait .portrait-frame img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .article-reading-grid{width:var(--shell)}
  .article-cover{max-width:300px}
  .article-prose{font-size:16.5px!important;line-height:1.9!important}
  html[dir=rtl] .article-prose{font-size:17px!important;line-height:2!important}
  .article-prose h2{font-size:28px}.article-prose h3{font-size:23px}.article-prose h4{font-size:19px}
  .article-prose blockquote{margin-inline:0;padding:1em 1.05em}
  .home-article-card>div{min-height:0}
}
@media(max-width:430px){
  .article-prose{font-size:16px!important}
  .article-prose table{font-size:14px}
  .hero-r6-portrait{max-width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .home-video-media i,.home-gallery-tile img{transition:none!important}
}