/* El Messiri font - keep this line first */
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');

.project_details_head .h3 {
    font-size: 2.75rem !important;
}
@media only screen and (max-width: 767px) {
    .project_details_head .h3 {
        font-size: 1.875rem !important;
    }
}
.project_idea_details_content {
    color: #000 !important;
}
/* إلغاء أي طبقة تعتيم فوق الصور في السلايدر */
.slide-item .image-layer::before,
.slide-item .image-layer::after,
.slide-item::before,
.slide-item::after {
  background: transparent !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

/* تأكيد عدم وجود مزج ألوان/فلتر يؤثر على الصورة */
.slide-item .image-layer {
  mix-blend-mode: normal !important;
  filter: none !important;
  background-color: transparent !important;
}
.link-box {
    display: none !important;
}
html[lang="ar"] .contact_one_left-text {
  direction: rtl;
  /* float: right; */
}
@media (min-width: 1200px) {
    .crowdfunding_detail.crowdfunding_detail_two .col-xl-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .crowdfunding_detail.crowdfunding_detail_two .container {
        max-width: 95% !important;
    }
}
@media (min-width: 1200px) {
    .explorep_projects_one.projects_two .col-xl-4 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .explorep_projects_one.projects_two .container {
        max-width: 95% !important;
    }
}
.page-header {
    padding: 26px 0 19px !important;
}

/* 2026-09-22: أُزيلت كتلة «توحيد أحجام الخط — Tajawal» — الخط والأحجام الآن مطابقة لـ malaak.co.uk (main.css). النسخة القديمة: style.integration.css.bak-fonts */

/* =========================================================
   هوية ملاك البصرية — Malaak brand palette   (2026-09-04)
   الألوان مأخوذة من تدرّج شعار ملاك:
   أخضر فاتح #8CC63F → أخضر #0F9748 → تركوازي #16A08C → أزرق #29ABD2
   الرمادي الداكن للوردمارك: #343434
   ========================================================= */
:root {
    --malaak-green-light: #8CC63F;
    --malaak-green:       #0F9748;
    --malaak-green-dark:  #0B7738;
    --malaak-teal:        #16A08C;
    --malaak-blue:        #29ABD2;
    --malaak-charcoal:    #343434;
    --malaak-gradient: linear-gradient(90deg, #8CC63F 0%, #0F9748 38%, #16A08C 68%, #29ABD2 100%);

    /* توحيد متغيّرات الثيم على الأخضر الأساسي */
    --thm-primary: #0F9748;
    --thm-base:    #0F9748;
    --color-primary: #0F9748;
}

/* عناوين ونصوص داكنة بلون الوردمارك بدل الأسود القاسي */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4 { color: var(--malaak-charcoal); }

/* شريط تقدّم الحملات بتدرّج الشعار */
.progress .progress-bar,
.crowdfunding_progress .progress-bar,
.donation-progress .progress-bar {
    background: var(--malaak-gradient) !important;
}

/* خط علوي/سفلي رفيع بتدرّج الشعار للهيدر والفوتر */
.header-sticky.sticky-bar,
.main-header { border-bottom: 3px solid transparent; border-image: var(--malaak-gradient) 1; }
.footer_one  { border-top: 3px solid transparent; border-image: var(--malaak-gradient) 1; }

/* الأزرار الأساسية */
.thm-btn,
.btn-fill-out,
.btn-primary {
    background-color: var(--malaak-green) !important;
    border-color: var(--malaak-green) !important;
    color: #fff !important;
}
.thm-btn:hover,
.btn-fill-out:hover,
.btn-primary:hover {
    background-color: var(--malaak-green-dark) !important;
    border-color: var(--malaak-green-dark) !important;
}

/* اللون الأزرق كلون ثانوي للأيقونات والروابط الثانوية */
.social-links a:hover i,
.footer-widget_links_list a:hover,
.widget_socials a:hover { color: var(--malaak-blue) !important; }

/* صفحة هبوط المصاحف /quran-gift — فيديو Shorts عمودي */
.mql .video:has(iframe){aspect-ratio:9/16;width:100%;max-width:360px;margin-inline:auto;padding:0;overflow:hidden;display:block;background:#000;border:0}
.mql .video-grid:has(iframe){align-items:center}

/* ===== ألوان ملاك الجديدة — الرئيسي #21bcbb وأزرار التبرع #e23e57 (21-09-2026) ===== */
:root {
  --malaak-green: #21bcbb !important;
  --malaak-green-dark: #1a9796 !important;
  --malaak-green-light: #5fd3d2 !important;
  --malaak-teal: #21bcbb !important;
  --malaak-gradient: linear-gradient(90deg, #5fd3d2 0%, #21bcbb 55%, #29abd2 100%) !important;
  --thm-primary: #21bcbb !important;
  --thm-base: #21bcbb !important;
  --thm-primary-rgb: 33,188,187 !important;
  --thm-base-rgb: 33,188,187 !important;
  --color-primary: #21bcbb !important;
  --malaak-cta: #e23e57;
  --malaak-cta-dark: #c62f47;
}
[class*="donation"] {
  --donation-accent: #21bcbb !important;
  --donation-deep: #137574 !important;
  --donation-tint: #e9f8f8 !important;
  --donation-v3-brand: #21bcbb !important;
  --donation-v3-brand-dark: #1a9796 !important;
  --donation-v3-brand-soft: #e9f8f8 !important;
  --donation-v3-cta: #e23e57 !important;
  --donation-v3-cta-dark: #c62f47 !important;
}

/* ألوان كانت مكتوبة ثابتة بالأخضر */
.blog-two__meta, .linka a, .ltr .linka a, .page-link, .ltr .page-link { color: #21bcbb !important; }
.three_benefits li, .ltr .three_benefits li { background: #21bcbb !important; }
li.page-item.active .page-link, .ltr li.page-item.active .page-link { background: #21bcbb !important; border-color: #21bcbb !important; color: #fff !important; }
.donation-summary-line, .donation-proof-bar { background: rgba(33,188,187,.08) !important; }
.donation-card__percent { background: rgba(33,188,187,.1) !important; }
.donation-frequency.active, .donation-amount:hover, .donation-amount.active,
.donation-box--campaign .donation-amount.active { background: rgba(33,188,187,.07) !important; }
.donation-amount-field:focus-within, .donation-form__field input:focus,
.donation-box.donation-box--v3 .donation-field-icon input:focus { box-shadow: 0 0 0 3px rgba(33,188,187,.15) !important; }
.donation-ring__track { stroke: rgba(33,188,187,.12) !important; }
.donation-project-card__drops, .donation-project-card--v2 .donation-project-card__drops { color: rgba(33,188,187,.55) !important; }
.donation-amount__check { box-shadow: 0 2px 6px rgba(33,188,187,.35) !important; }

/* أزرار التبرع — #e23e57 */
.donation-cta, .donation-fab, .donation-cta--hero,
.donation-project-card__cta, .donation-project-card--v2 .donation-project-card__cta,
.main_nav_right_two_btn .thm-btn, .manage_one_content .thm-btn {
  background: #e23e57 !important;
  background-color: #e23e57 !important;
  border-color: #e23e57 !important;
  color: #fff !important;
}
.donation-cta:hover, .donation-fab:hover, .donation-cta--hero:hover,
.donation-project-card__cta:hover, .donation-project-card--v2 .donation-project-card__cta:hover,
.main_nav_right_two_btn .thm-btn:hover, .manage_one_content .thm-btn:hover {
  background: #c62f47 !important;
  background-color: #c62f47 !important;
  border-color: #c62f47 !important;
}
.donation-cta--hero, .donation-fab { box-shadow: 0 10px 22px rgba(226,62,87,.28) !important; }

/* كرت التبرع v3 وقائمة المتبرعين — تركوازي غامق للنصوص */
.donation-card.donation-card--v3 .donation-card__tile-body strong,
.donation-card.donation-card--v3 .donation-card__tile-icon,
.donation-card.donation-card--v3 .donation-card__progress-head em,
.donation-card.donation-card--v3 .donation-card__stats li .donation-card__stat-icon,
.donation-card.donation-card--v3 .donation-card__stats li strong,
.donation-li-name { color: #168584 !important; }
.donation-card.donation-card--v3 .donation-card__bar > span { background: #21bcbb !important; }
.donations-list-box h2 { border-bottom-color: #21bcbb !important; }
.donation-box.donation-box--v3 .donation-amount.active,
.donation-box.donation-box--v3 .donation-amount.is-active { box-shadow: 0 0 0 2px rgba(33,188,187,.18) !important; }
.donation-box--campaign .donation-frequency.active { box-shadow: 0 8px 18px rgba(33,188,187,.22) !important; }

.donations-list-box h2 { color: #168584 !important; }
circle[fill="#009f84"], path[fill="#009f84"], rect[fill="#009f84"],
circle[fill="#0F9748"], path[fill="#0F9748"], circle[fill="#0f9748"], path[fill="#0f9748"] { fill: #21bcbb !important; }

.donation-header-button a, .donation-header-button .thm-btn { background: #e23e57 !important; background-color: #e23e57 !important; border-color: #e23e57 !important; color: #fff !important; }
.donation-header-button a:hover, .donation-header-button .thm-btn:hover { background: #c62f47 !important; background-color: #c62f47 !important; border-color: #c62f47 !important; }

/* صفحة المصاحف /quran-gift — أزرار الإهداء */
.mql a.cta { background: #e23e57 !important; background-color: #e23e57 !important; border-color: #e23e57 !important; color: #fff !important; }
.mql a.cta:hover { background: #c62f47 !important; background-color: #c62f47 !important; }

/* إخفاء شريط التصنيفات أعلى الفوتر */
.categories_two{display:none !important;}

/* سلايدر الرئيسية على الجوال والتابلت — يظهر كرت الصورة كاملاً (21 أيلول 2026) */
@media (max-width:991px){
.site_header__header_two_wrap{position:relative!important}
.banner-section.banner-two .slide-item{height:45vw!important;min-height:0!important;padding:0!important}
.banner-section.banner-two .slide-item .auto-container,.banner-section.banner-two .slide-item .content-box{height:100%!important;min-height:0!important;padding:0!important}
.banner-section.banner-two .slide-item .content-box .content{display:none!important}
.banner-section.banner-two .slide-item .image-layer{background-size:cover!important;background-position:92% 80%!important}
}
@media (max-width:575px){
.banner-section.banner-two .slide-item{height:62vw!important}
}

/* ===== El Messiri Arabic font (Arabic pages only) ===== */
html[lang^="ar"]{--thm-font:"El Messiri",Tajawal,SakkalMajjala-Ar,sans-serif}
html[lang^="ar"] body,html[lang^="ar"] input,html[lang^="ar"] button,html[lang^="ar"] select,html[lang^="ar"] textarea,html[lang^="ar"] .donation-box,html[lang^="ar"] .donation-modal,html[lang^="ar"] .mql{font-family:"El Messiri",Tajawal,sans-serif}
html[lang^="ar"] .mql h1,html[lang^="ar"] .mql h2,html[lang^="ar"] .mql h3,html[lang^="ar"] .mql h4,html[lang^="ar"] .mql h5,html[lang^="ar"] .mql h6{font-family:"El Messiri",Tajawal,sans-serif!important}


/* --- رسالة الكوكيز: بطاقة عائمة صغيرة (موحّدة مع elvefa.org — 2026-09-22) --- */
html body .js-cookie-consent.cookie-consent{position:fixed!important;left:12px;right:12px;bottom:12px;top:auto;z-index:9990;width:auto;max-width:620px;margin:0 auto;padding:12px 14px!important;background:#fff!important;color:#232733!important;border:1px solid rgba(15,151,72,.25)!important;border-top:3px solid #0F9748!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(35,39,51,.18);direction:rtl;text-align:right;font-size:13.5px;line-height:1.6}
html body .js-cookie-consent .cookie-consent-body{display:flex;align-items:center;gap:12px;max-width:none!important;margin:0!important;padding:0!important}
html body .js-cookie-consent .cookie-consent__message{flex:1 1 auto;margin:0!important;font-size:13.5px!important;line-height:1.6;color:#232733!important}
html body .js-cookie-consent .cookie-consent__message a{color:#0F9748!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
html body .js-cookie-consent .cookie-consent__agree{float:none!important;flex:0 0 auto;margin:0!important;padding:8px 22px!important;height:auto!important;background:#0F9748!important;color:#fff!important;border:0!important;border-radius:999px!important;text-transform:none!important;letter-spacing:normal!important;font-size:14px!important;font-weight:700;line-height:1.4;cursor:pointer;box-shadow:0 4px 12px rgba(15,151,72,.3);transition:background .2s}
html body .js-cookie-consent .cookie-consent__agree:hover{background:#0C7D3B!important}
html .ltr .js-cookie-consent.cookie-consent,html body.ltr .js-cookie-consent.cookie-consent,html[lang^=en] body .js-cookie-consent.cookie-consent,html[dir=ltr] body .js-cookie-consent.cookie-consent{direction:ltr;text-align:left}
@media (max-width:480px){html body .js-cookie-consent.cookie-consent{left:8px;right:8px;bottom:8px;padding:10px 12px!important}html body .js-cookie-consent .cookie-consent__message{font-size:12.5px!important}html body .js-cookie-consent .cookie-consent__agree{padding:7px 16px!important;font-size:13px!important}}
/* --- نهاية رسالة الكوكيز --- */

/* mhs-gap-fix: إزالة الفراغ بين سلايدر الرئيسية وقسم المشاريع */
.mhs ~ section.explorep_projects_one,.mh-hero ~ section.explorep_projects_one,.banner-section ~ section.explorep_projects_one{padding-top:40px!important}
@media (max-width:991px){.mhs ~ section.explorep_projects_one,.mh-hero ~ section.explorep_projects_one,.banner-section ~ section.explorep_projects_one{padding-top:32px!important}}

/* PATCH-ID: onepage-checkout-v1 — no floating side buttons on phones (2026-09-30) */
@media (max-width: 767.98px) {
    html body a.sticky-donate,
    html body .scroll-to-top,
    html body .donation-proof {
        display: none !important;
    }
}