/* Add custom CSS styles below */ 
/* --- ألوان الهوية: ذهبي حائل وأخضر عناية --- */
:root {
    --hail-gold: #c5a059;       /* ذهبي */
    --mosque-green: #0e4b3e;    /* أخضر غامق */
    --light-bg: #f9fbfb;        /* خلفية فاتحة جداً */
}

/* 1. تنسيق خلفية المتجر */
body {
    background-color: var(--light-bg) !important;
    font-family: 'Tajawal', sans-serif !important; /* خط مناسب للهوية */
}

/* 2. تحسين بطاقة التبرع (المنتج) في ثيم عطاء */
.product-entry, .salla-product-card {
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    overflow: hidden;
}

/* تأثير عند مرور الماوس: إطار ذهبي ورفع الكرت */
.product-entry:hover, .salla-product-card:hover {
    transform: translateY(-5px);
    border-color: var(--hail-gold) !important;
    box-shadow: 0 8px 20px rgba(197, 160, 89, 0.15);
}

/* 3. شريط التقدم (نسبة التبرع) - أهم جزء في ثيم عطاء */
.progress-bar, .donation-progress-bar span {
    background-color: var(--hail-gold) !important;
    background-image: linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

/* 4. زر "تبرع الآن" أو "إضافة للسلة" */
.btn-add-to-cart, .btn-primary, .salla-button {
    background-color: var(--mosque-green) !important;
    border-color: var(--mosque-green) !important;
    color: #fff !important;
    border-radius: 50px !important; /* حواف دائرية ناعمة */
}

.btn-add-to-cart:hover, .btn-primary:hover {
    background-color: var(--hail-gold) !important;
    border-color: var(--hail-gold) !important;
    color: #fff !important;
}

/* 5. العناوين الرئيسية بلمسة ذهبية */
.section-header h2, .section-title {
    color: var(--mosque-green);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.section-header h2::after, .section-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: var(--hail-gold);
    margin: 5px auto 0;
    border-radius: 2px;
}

/* 6. القائمة العلوية (Header) */
.site-header, .header-wrapper {
    border-bottom: 3px solid var(--hail-gold) !important;
}

/* ===== ENAYAH-REDESIGN-v1 START — للرجوع للتصميم السابق احذف كل ما بين START و END ===== */

/* (أ) البانر الرئيسي في الجوال: يظهر التصميم كامل بدل القص */
@media (max-width:767px){
  #wide-banner-0 .banner-inner{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;aspect-ratio:1280/390;height:auto!important;min-height:0!important}
}

/* (ب) الأزرار العائمة في الجوال: دوائر صغيرة في الزوايا السفلية حتى لا تغطي خانة المبلغ */
@media (max-width:767px){
  #quick-donation__trigger{width:52px!important;height:52px!important;min-width:0!important;padding:0!important;border-radius:50%!important;right:16px!important;left:auto!important;transform:none!important;opacity:1!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.22)}
  #quick-donation__trigger span{display:none!important}
  #quick-donation__trigger i{font-size:22px;margin:0!important}
  a.wa-s-n{bottom:24px!important;left:16px!important;box-shadow:0 6px 18px rgba(0,0,0,.22)}
}

/* (ج) أيقونات الأقسام تعبّر عن القسم */
.slide--cat-entry i{position:relative}
.slide--cat-entry[aria-label="سقيا الماء"] i::before,
.slide--cat-entry[aria-label="صيانة عامة"] i::before,
.slide--cat-entry[aria-label="بناء المساجد"] i::before{content:""!important;display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--enayah-ic) center/contain no-repeat;mask:var(--enayah-ic) center/contain no-repeat}
.slide--cat-entry[aria-label="سقيا الماء"] i{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8s-6.5 7-6.5 11.4a6.5 6.5 0 0 0 13 0C18.5 9.8 12 2.8 12 2.8z'/%3E%3Cpath d='M9 14.5a3 3 0 0 0 3 3'/%3E%3C/svg%3E")}
.slide--cat-entry[aria-label="صيانة عامة"] i{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.slide--cat-entry[aria-label="بناء المساجد"] i{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v2.5'/%3E%3Cpath d='M5.5 12.5C5.5 8.6 8.4 6 12 5c3.6 1 6.5 3.6 6.5 7.5'/%3E%3Cpath d='M5.5 12.5V21M18.5 12.5V21M3 21h18'/%3E%3Cpath d='M10 21v-3.5a2 2 0 0 1 4 0V21'/%3E%3Cpath d='M2 21V11.5M2 9.5l0 0'/%3E%3Cpath d='M22 21V11.5M22 9.5l0 0'/%3E%3C/svg%3E")}

/* (ج-2) الأقسام الثلاثة تظهر كاملة في الجوال بدون قص */
@media (max-width:767px){
  #main-links-2 .swiper-wrapper{transform:none!important;justify-content:center;gap:8px}
  #main-links-2 .swiper-slide{width:calc((100% - 16px)/3)!important;flex-shrink:1!important;margin:0!important}
  #main-links-2 .slide--cat-entry{padding-left:4px!important;padding-right:4px!important}
  #main-links-2 .slide--cat-entry h2{font-size:13px!important;white-space:nowrap;line-height:1.6}
}

/* (د) بطاقات الحملات: عناوين للمبالغ، تاريخ بلون هادئ، وإخفاء النجوم */
custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span,
.s-progress-bar-target-section>span{display:inline-block;line-height:1.35;font-weight:700;white-space:nowrap}
custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span:last-child,
.s-progress-bar-target-section>span:last-child{text-align:left}
custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span:first-child::before,
.s-progress-bar-target-section>span:first-child::before{content:"تم جمع";display:block;font-size:11px;font-weight:500;color:#8b8b8b}
custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span:last-child::before,
.s-progress-bar-target-section>span:last-child::before{content:"المستهدف";display:block;font-size:11px;font-weight:500;color:#8b8b8b}
custom-salla-product-card p.text-red-400,.s-progress-bar-message{color:#9a7b3f!important}
custom-salla-product-card salla-rating-stars,.s-product-card-donation .s-product-card-content-sub{display:none!important}
.s-product-card-donation.s-product-card-vertical{justify-content:flex-start!important}
.s-product-card-donation .s-product-card-image{flex:0 0 auto!important}
.s-product-card-donation .s-product-card-content{flex:1 1 auto!important;justify-content:flex-start!important}
.s-product-card-donation .s-product-card-content-footer{margin-top:auto}
.enayah-sar{font-size:.95em;margin-inline-start:2px;vertical-align:-1px}

/* (هـ) قسم «فرص التبرع» في المنتصف على الكمبيوتر */
@media (min-width:1024px){
  .s-block--fixed-products .s-products-list-vertical-cards{grid-template-columns:repeat(auto-fit,minmax(200px,327px))!important;justify-content:center!important}
  .s-block--fixed-products .s-block__title{justify-content:center;text-align:center}
}

/* (و) أسهم مسار التنقل باتجاه العربي */
[dir="rtl"] .s-breadcrumb-arrow svg{transform:scaleX(-1)}

/* (ز) الفوتر: شعار أوضح، إخفاء العنوان المكرر، نص عادي غير عريض */
footer img.object-contain{max-width:150px!important;width:150px!important;height:auto!important;background:#fff;border-radius:12px;padding:8px 12px}
footer .about-store h2{display:none!important}
footer .about-store strong{font-weight:400!important}

/* (ح) صفحة المشروع: إزالة الفراغ بين الوصف وصندوق التبرع (العناصر الفارغة فقط) */
.product-details .main-content>:is(.installment-wrap,salla-free-shipping-tag,salla-cashback-banner,.s-block--bundle-out-of-stock-alternative,salla-bought-together,salla-quick-order):not(:has(*:not(:empty))){display:none!important}

/* (ط) الفوتر: إخفاء رقم الاتصال المكرر (يبقى واتساب + اتصال + بريد) */
footer .s-contacts-list>div:has(a[href^='tel:'])~div:has(a[href^='tel:']){display:none!important}

/* (ي) الجوال: المبالغ تحت بعض (تم جمع / المستهدف) بدل ما تتلاصق، والتاريخ ما ينقسم */
@media (max-width:767px){
  custom-salla-product-card .product-entry__content .w-full>.flex.justify-between,.s-progress-bar-target-section{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important}
  custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span,.s-progress-bar-target-section>span{display:flex!important;align-items:baseline;gap:4px;width:100%;white-space:nowrap;font-size:14px!important;text-align:right!important}
  custom-salla-product-card .product-entry__content .w-full>.flex.justify-between>span::before,.s-progress-bar-target-section>span::before{display:inline!important;margin-inline-end:auto;font-size:11px!important}
  custom-salla-product-card p.text-red-400,.s-progress-bar-message{font-size:12px!important}
  .s-product-card-content-footer .s-button-element{font-size:13px!important;padding-inline:8px!important;white-space:nowrap}
}

/* (ك) القائمة الجانبية في الجوال بهوية المتجر */
@media (max-width:1023px){
  #main-menu-wrap{background:#f9fbfb!important;box-shadow:-8px 0 30px rgba(0,0,0,.18)}
  #main-menu-wrap .inner{background:transparent!important;display:flex;flex-direction:column;min-height:100%}
  .enayah-mhead{background:linear-gradient(135deg,#0e4b3e,#145c4c);padding:22px 18px 18px;margin:-1px 0 0;color:#fff;text-align:center;border-bottom:3px solid #c5a059}
  .enayah-mhead img{height:58px;width:auto;margin:0 auto 10px;background:#fff;border-radius:12px;padding:6px 10px;display:block}
  .enayah-mhead p{margin:0;font-size:14px;color:#e8d6ad;font-weight:700}
  #main-menu-wrap .mobile-login-button{margin:14px 14px 4px!important;border-radius:14px!important;background:#fff!important;border:1px solid #ece4d3!important}
  #main-menu-wrap .main-menu{padding:8px 14px!important;background:transparent!important}
  #main-menu-wrap .main-menu>li{background:transparent!important;border:0!important;margin-bottom:8px}
  #main-menu-wrap .main-menu>li>a{display:flex!important;align-items:center;gap:12px;background:#fff!important;border:1px solid #ece4d3;border-radius:14px;padding:12px 14px!important;font-size:15px;font-weight:700;color:#0e4b3e!important}
  #main-menu-wrap .main-menu>li>a::before{content:"";flex:0 0 38px;height:38px;border-radius:50%;background:#8c5f2a;-webkit-mask:none}
  #main-menu-wrap .main-menu>li>a::after{content:"";width:8px;height:8px;border-left:2px solid #c5a059;border-bottom:2px solid #c5a059;transform:rotate(45deg);margin-inline-start:auto}
  #main-menu-wrap .main-menu>li>a{position:relative}
  #main-menu-wrap .main-menu>li>a>span{flex:1}
  #main-menu-wrap .main-menu>li>a .enayah-mi{position:absolute;right:23px;top:50%;width:18px;height:18px;margin-top:-9px;background:#fff;-webkit-mask:var(--enayah-ic) center/contain no-repeat;mask:var(--enayah-ic) center/contain no-repeat}
  #toggle-container-806588869 .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8s-6.5 7-6.5 11.4a6.5 6.5 0 0 0 13 0C18.5 9.8 12 2.8 12 2.8z'/%3E%3Cpath d='M9 14.5a3 3 0 0 0 3 3'/%3E%3C/svg%3E")}
  #toggle-container-125182299 .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
  #toggle-container-2137770557 .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v2.5'/%3E%3Cpath d='M5.5 12.5C5.5 8.6 8.4 6 12 5c3.6 1 6.5 3.6 6.5 7.5'/%3E%3Cpath d='M5.5 12.5V21M18.5 12.5V21M3 21h18'/%3E%3Cpath d='M10 21v-3.5a2 2 0 0 1 4 0V21'/%3E%3Cpath d='M2 21V11.5M2 9.5l0 0'/%3E%3Cpath d='M22 21V11.5M22 9.5l0 0'/%3E%3C/svg%3E")}
  .enayah-mfoot{margin-top:auto;padding:16px 14px 22px}
  .enayah-mfoot .enayah-mcta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#0e4b3e;color:#fff;border:0;border-radius:50px;padding:13px;font-size:16px;font-weight:800;margin-bottom:12px}
  .enayah-mfoot .enayah-mrow{display:flex;gap:10px}
  .enayah-mfoot .enayah-mrow a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c5a059;color:#8c5f2a;border-radius:50px;padding:10px;font-size:14px;font-weight:700;background:#fff}
  .enayah-mfoot small{display:block;text-align:center;color:#8b8b8b;font-size:11px;margin-top:12px}
  .close-mobile-menu{background:#c5a059!important;color:#fff!important;border-radius:50%!important;box-shadow:0 4px 12px rgba(0,0,0,.2)}
  #main-menu-wrap .mobile-login-button,#main-menu-wrap .mobile-login-button *{color:#0e4b3e!important}
  #main-menu-wrap .mobile-login-button .icon{color:#8c5f2a!important}
  #main-menu-wrap .inner{padding-top:0!important}
  body.menu-is-open #quick-donation__trigger,body.menu-is-open a.wa-s-n,body.quick-donation--opened #quick-donation__trigger,body.quick-donation--opened a.wa-s-n{display:none!important}
}

/* (ل) صفحة المشروع: إخفاء قسم «كمّل طلبك / اشتريها معًا» */
salla-bought-together,.s-bought-together-entry{display:none!important}

/* ===== ENAYAH-REDESIGN-v1 END ===== */

/* ===== ENAYAH-MENU-ICONS-v2 START — إصلاح أيقونات أقسام القائمة الجانبية بالجوال (تصميم فقط، لا يغيّر أي قيمة) — للرجوع احذف كل ما بين START و END ===== */
/* أيقونة افتراضية لأي قسم يُضاف مستقبلاً بدل المربع الأبيض */
#main-menu-wrap .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}
/* ربط الأيقونة برابط القسم نفسه (ثابت) بدل رقم العنصر الذي يتغير مع كل تحميل للصفحة */
#main-menu-wrap a[href*="/category/REOrlq"] .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.2 1.2 21.6 21.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.2V5'/%3E%3Cpath d='M6.1 20.2V10.6C6.1 8.2 9 6.6 12 5.2c3 1.4 5.9 3 5.9 5.4v9.6'/%3E%3Cpath d='M9.6 20.2v-3a2.4 2.4 0 0 1 4.8 0v3'/%3E%3Cpath d='M3 20.2V9.2'/%3E%3Cpath d='M21 20.2V9.2'/%3E%3Cpath d='M2.2 20.2h19.6'/%3E%3C/svg%3E")} /* بناء المساجد */
#main-menu-wrap a[href*="/category/DOmgzj"] .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")} /* صيانة عامة */
#main-menu-wrap a[href*="/category/xogmda"] .enayah-mi{--enayah-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 10.1 5 12 5 15a7 7 0 0 0 7 7z'/%3E%3Cpath d='M8.8 14c.2 2 1.7 3.5 3.8 3.6'/%3E%3C/svg%3E")} /* سقيا الماء */
/* ===== ENAYAH-MENU-ICONS-v2 END ===== */

/* ===== ENAYAH-MENU-FIT-v3 START — القائمة الجانبية بالجوال: تطابق ارتفاع الشاشة الظاهر + تمرير + شريط أزرار ثابت بالأسفل (تصميم فقط، لا يغيّر أي قيمة) — للرجوع احذف كل ما بين START و END ===== */
@media (max-width:1023px){
  /* الثيم يجعل ارتفاع القائمة 100vh، وفي متصفح الجوال هذا أطول من الشاشة الظاهرة بمقدار شريط العنوان فينقص أسفلها؛ 100dvh = الارتفاع الظاهر فعلاً */
  #main-menu-wrap{height:100vh!important;height:100dvh!important}
  /* لو المحتوى أطول من الشاشة (جوال صغير): تمرير داخل القائمة فقط */
  #main-menu-wrap .inner{height:100%!important;overflow-y:auto!important;overscroll-behavior:contain}
  /* شريط الأزرار (تبرع سريع + واتساب + اتصال + الترخيص) يبقى ظاهراً أسفل القائمة دائماً */
  #main-menu-wrap .enayah-mfoot{position:sticky;bottom:0;z-index:2;background:#f9fbfb;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
}
/* ===== ENAYAH-MENU-FIT-v3 END ===== */