/* ══════════════════════════════════════════════════════════════
   mabda-background.css  v3  -  colour-blocked sections + fine canvas weave
   Load AFTER mabda.css. Replaces v2 (no ornaments, no animation).
   Rhythm:  hero DARK > news LIGHT > organisations KHAKI > stats DARK > sections LIGHT > footer DARK
   ══════════════════════════════════════════════════════════════ */

.standalone-mabda{
  --mabda-gold-d:#7a5c12;               /* gold TEXT on light backgrounds (~5:1) */
  background:
    repeating-linear-gradient(0deg,  rgba(90,75,45,.045) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(90,75,45,.045) 0 1px, transparent 1px 4px),
    #f5efdc;
}

/* ── HERO: deep olive, gold glow behind the portrait ── */
.mabda-hero{
  --glow:25% 50%;                       /* portrait column (left in RTL) */
  background:
    radial-gradient(540px 380px at var(--glow), rgba(201,164,63,.30), transparent 70%),
    radial-gradient(760px 440px at 88% 0%, rgba(107,127,53,.42), transparent 70%),
    repeating-linear-gradient(0deg,  rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    linear-gradient(160deg,#1f1f0e 0%,#32361a 55%,#454d22 100%);
}
@media (max-width:900px){ .mabda-hero{ --glow:50% 24% } }

.mabda-hero .mabda-title{color:#f6f1e3;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.mabda-hero .mabda-title span{
  background:linear-gradient(135deg,#f3e3a6,#c9a43f);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.mabda-hero .mabda-lead{color:#d9d3b8}
.mabda-hero .mabda-badge{
  background:rgba(246,241,227,.08);border-color:rgba(201,164,63,.55);color:#f0e6c4;
}
.mabda-hero .btn-ghost-mabda{border-color:#c9a43f!important;color:#f0d98a!important}
.mabda-hero .btn-ghost-mabda:hover{background:#c9a43f!important;color:#232015!important}
.mabda-hero .shahid-img{
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.45)) drop-shadow(0 0 36px rgba(201,164,63,.35));
}

/* ── NEWS + SECTIONS: light paper ── */
.mabda-news-section,
.mabda-sections-section{
  background:
    repeating-linear-gradient(0deg,  rgba(90,75,45,.04) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(90,75,45,.04) 0 1px, transparent 1px 4px),
    linear-gradient(180deg,#f8f3e3,#efe6c9);
  border-block:1px solid rgba(122,92,18,.22);
}
.mabda-about-section{background:#f8f3e3}

/* ── ORGANISATIONS: khaki canvas (darker text so contrast stays above 4.5:1) ── */
.mabda-tashakol-section{
  --muted:#4a4128;
  background:
    repeating-linear-gradient(0deg,  rgba(90,75,45,.07) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(90,75,45,.07) 0 1px, transparent 1px 4px),
    linear-gradient(180deg,#e6dcba,#d8cba2);
  border-block:1px solid rgba(122,92,18,.28);
}
.mabda-tashakol-section .sec-head p{color:#4a4128}

/* ── STATS: dark olive band ── */
.mabda-stats{
  padding:72px 0;
  background:
    radial-gradient(520px 280px at 10% 0%,  rgba(201,164,63,.22), transparent 70%),
    radial-gradient(560px 300px at 92% 100%, rgba(107,127,53,.35), transparent 70%),
    repeating-linear-gradient(0deg,  rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    linear-gradient(135deg,#222110 0%,#35401a 55%,#47562a 100%);
  border-block:3px solid var(--mabda-gold);
}
.mabda-stats .m-stat{
  background:rgba(246,241,227,.06);
  border:1.5px solid rgba(201,164,63,.35);
  box-shadow:0 14px 34px -18px rgba(0,0,0,.6), inset 0 1px 0 rgba(246,241,227,.08);
  backdrop-filter:none;
}
.mabda-stats .m-stat:hover{background:rgba(246,241,227,.10);border-color:var(--mabda-gold)}
.mabda-stats .m-stat b{
  background:linear-gradient(135deg,#f3e3a6,#c9a43f);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.mabda-stats .m-stat span{color:#e9e7d5}

/* ── Section titles: one clean gold underline ── */
.standalone-mabda .sec-head h2::after{
  content:'';display:block;width:64px;height:3px;margin:12px auto 0;border-radius:3px;
  background:linear-gradient(90deg,#c9a43f,#55622c);
}

/* ── Inner-page header, list panels, footer ── */
.mb-page-head{
  background:
    radial-gradient(520px 260px at 85% 0%, rgba(201,164,63,.25), transparent 70%),
    repeating-linear-gradient(0deg,  rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(246,241,227,.035) 0 1px, transparent 1px 4px),
    linear-gradient(135deg,#222110 0%,#35401a 55%,#47562a 100%);
  border-bottom:3px solid var(--mabda-gold);
}
.an-wrap .an-panel{
  background:linear-gradient(180deg,#fffdf7,#fbf6e8);
}
.mabda-footer{
  background:
    repeating-linear-gradient(0deg,  rgba(246,241,227,.03) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(246,241,227,.03) 0 1px, transparent 1px 4px),
    linear-gradient(180deg,#2a2914,#1c1b0e) !important;
}