/* توافق Elementor ووردبريس مع نظام تصميم تلاوة. يُحمَّل بعد CSS الخاص بـ Elementor. */
/* الحاويات: لا حشوة ولا فراغات افتراضية — التخطيط تحدده أصناف التصميم (wrap, sec, layout…) */
.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.e-con.wrap{padding-inline:clamp(1.1rem,4vw,2rem);margin-inline:auto;max-width:var(--wrap)}
.e-con.hero{padding-block:clamp(2.5rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}
.e-con.sec{padding-block:clamp(3rem,7vw,5.5rem)}
.e-con.page-head{padding-block:1.2rem 1.6rem}
.e-con.layout{padding-bottom:4rem}
.e-con.pb-3{padding-bottom:3rem}
.e-con.w62{max-width:62rem}
.e-con.mt,.elementor-widget.mt{margin-top:2rem}
.e-con.hero>.wrap,.e-con.layout,.e-con.split{display:grid}
.e-con.aside{display:grid;gap:1rem}
.e-con.sec-head{max-width:46rem;margin-bottom:2.2rem}
.e-con.prose{max-width:46rem}
/* العناوين: Elementor يضبط line-height:1 وهامشًا صفرًا */
.elementor .elementor-heading-title{line-height:1.3;margin:0 0 .6em;color:inherit;font-family:inherit;font-weight:inherit}
.elementor-widget-heading h1.elementor-heading-title{font-family:var(--f-display);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.7rem)}
.elementor-widget-heading h2.elementor-heading-title{font-family:var(--f-display);font-weight:600;font-size:clamp(1.55rem,2.8vw,2.15rem)}
.elementor-widget-heading h3.elementor-heading-title{font-family:var(--f-body);font-weight:600;font-size:1.15rem}
.e-con.prose>.elementor-widget-heading:not(:first-child) h2{margin-top:2.2rem}
.e-con.prose>.elementor-widget-heading{scroll-margin-top:96px}
html[lang=en] .elementor-widget-heading h1.elementor-heading-title,html[lang=en] .elementor-widget-heading h2.elementor-heading-title{letter-spacing:-.01em;line-height:1.15}
/* الروابط داخل النصوص تبقى مسطّرة (Elementor يحذف التسطير) */
.elementor :is(p,li,td,dd,summary,.answer,.callout,.crumbs) a:not(.btn){text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.elementor .card h3 a,.elementor .toc a{text-decoration:none}
.elementor .toc a:hover,.elementor .card h3 a:hover{text-decoration:underline}
.elementor-widget-text-editor>.elementor-widget-container>:last-child,.elementor-widget-text-editor>:last-child{margin-bottom:0}
.e-con.prose>.elementor-widget-text-editor{margin-bottom:1em}
/* أزرار الطمأنة بعد عنصر الأزرار */
.elementor-widget-tilawah-buttons .cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 1.2rem}
.elementor-widget-tilawah-facts .facts-cap{margin-bottom:0}
/* محرر Elementor: إظهار القيم الناقصة بوضوح */
.elementor-editor-active mark.ph{outline:2px dashed #C9A548}
/* محتوى ووردبريس العادي (مقالات قديمة) */
.prose img{border-radius:10px;margin:1rem 0}
.prose figure{margin:1.2rem 0}
.prose .wp-block-table table{border:1px solid var(--line)}
.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}
.nav-links .page-numbers{border:1px solid var(--line);border-radius:999px;padding:.2rem .8rem;text-decoration:none}
.nav-links .current{background:var(--mushaf);color:#fff;border-color:var(--mushaf)}
/* عناصر الشبكة لا تتجاوز عرض الشاشة */
.e-con.wrap>.elementor-element,.e-con.layout>.elementor-element,.e-con.split>.elementor-element{min-width:0}
/* التصميم الحيوي: Elementor */
.e-con.hero{color:#fff}
.e-con.hero .elementor-heading-title{color:#fff}
.e-con.hero h1.elementor-heading-title{font-size:clamp(2.3rem,5.2vw,4.2rem);line-height:1.22;text-shadow:0 2px 24px rgba(1,40,80,.35)}
.e-con.hero .elementor-widget-text-editor{color:#E3F2FD}
.e-con.page-head .elementor-widget-heading h1.elementor-heading-title{color:var(--navy)}
.e-con.prose .elementor-widget-heading h2.elementor-heading-title{color:var(--navy)}
.elementor-widget-tilawah-cards .card h3 a::after{content:"";position:absolute;inset:0}


/* التصميم 3.0: الصور المتحركة داخل Elementor */
.e-con.hero{position:relative;isolation:isolate;overflow:hidden}
.e-con.hero>.elementor-widget-text-editor:has(.hero-media){position:absolute!important;inset:0;width:100%!important;max-width:none!important;margin:0!important;z-index:-2}
.e-con.hero>.elementor-widget-text-editor:has(.hero-media) .elementor-widget-container{height:100%}
.e-con.hero>.e-con{position:relative;z-index:1}
.band::before{background-image:url(../img/photo-arches.webp)}
.elementor-widget-text-editor:has(.marquee){width:100%}
.elementor-editor-active .hero-media img:not(:first-child){display:none}
.elementor-editor-active .m-track,.elementor-editor-active .hero-media img,.elementor-editor-active .crumbs::after{animation:none}