/* ==========================================================================
   Islamic World theme (§11.3). Deep emerald/indigo, restrained gold, ivory
   reading, geometry-inspired framing, full RTL. Abstract geometric patterns
   only — never Qur'anic calligraphy as decoration, never floating characters.
   ========================================================================== */

.faith-world--islamic .faith-hero__layer--islamic {
  background:
    conic-gradient(from 30deg at 30% 30%, rgba(47,163,131,0.16), transparent 20%, rgba(216,180,106,0.12) 45%, transparent 70%),
    linear-gradient(180deg, #082018 0%, var(--faith-bg) 55%, var(--faith-bg-deep) 100%);
}
/* Subtle repeating geometric lattice (pure CSS, abstract). */
.faith-world--islamic .faith-hero__layer--islamic::before {
  content: ""; position: absolute; inset: 0; opacity: 0.5;
  background-image:
    repeating-linear-gradient(45deg, rgba(216,180,106,0.06) 0 2px, transparent 2px 22px),
    repeating-linear-gradient(-45deg, rgba(47,163,131,0.06) 0 2px, transparent 2px 22px);
  mask-image: radial-gradient(70% 70% at 70% 20%, #000, transparent 75%);
}

/* RTL niceties: the reading surface follows the scripture direction set on the element. */
.faith-world--islamic .faith-reader__surface[dir="rtl"] .faith-verse__original { font-size: 1.5em; line-height: 2.2; }
.faith-world--islamic .faith-qibla__compass { border-color: rgba(216,180,106,0.5); }