/* 
   كود CSS مخصص لمتجر سلة (جمعية إتقان) 
   الإصدار المعدل: بطاقات بدون إطار وصور كاملة
*/

/* 1. التحسينات العامة للبطاقات (نمط موقع بيش) */
.product-entry {
    border: none !important;
    background: #ffffff !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    /* overflow: visible !important; <-- تم التعديل: تغييرها لإخفاء أي تجاوز */
    overflow: hidden !important; 
    margin-bottom: 30px !important;
}

.product-entry:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
}

/* 2. إطار المسجد (Dome Shape) - تم تعطيله */
/* <-- تم التعديل: تم حذف الكود المسؤول عن رسم الإطار الذهبي بالكامل */
/* .product-entry::after { ... } */


/* 3. الصورة العلوية (كاملة وبدون قص) */
.product-entry__image {
    /* <-- تم التعديل: تم حذف الخصائص التي تقص الصورة على شكل قبة */
    /* border-radius: 50% 50% 0 0 / 45% 45% 0 0 !important; */
    /* border-bottom: 3px solid #D4AF37 !important; */
    
    /* خصائص جديدة لجعل الصورة كاملة */
    border-radius: 0 !important; /* ضمان عدم وجود أي تقويس */
    width: 100%;
    height: 250px; /* يمكنك تعديل هذا الارتفاع ليناسب تصميمك */
    overflow: hidden !important;
    position: relative;
}

/* خاصية إضافية لضمان أن الصورة تملأ المساحة دون تشويه */
.product-entry__image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* أهم خاصية: تجعل الصورة تغطي المساحة مع الحفاظ على أبعادها */
}


/* 4. نمط الأزرار (أخضر متدرج مثل موقع بيش) - لم يتم التعديل */
.add-to-cart-conatiner button, 
.s-button-primary,
.product-entry .add-to-cart-conatiner button {
    background: linear-gradient(90deg, #28a745, #1e7e34) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    height: 45px !important;
    width: 90% !important;
    margin: 10px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.add-to-cart-conatiner button:hover {
    background: linear-gradient(90deg, #1e7e34, #28a745) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4) !important;
}

/* 5. السلايدر (iPhone Style) - لم يتم التعديل */
.product-entry .add-to-cart-conatiner {
    position: relative !important;
    overflow: hidden !important;
    background: #f8f9fa !important;
    border-radius: 50px !important;
    border: 1px solid #e9ecef !important;
}

.product-entry .add-to-cart-conatiner::before {
    content: "➔" !important;
    position: absolute !important;
    left: 5px !important;
    width: 35px !important;
    height: 35px !important;
    background: #ffffff !important;
    color: #28a745 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.product-entry .add-to-cart-conatiner:hover::before {
    left: calc(100% - 40px) !important;
}

/* 6. تصميم بطاقة "تحديد مبلغ التبرع" العريضة - لم يتم التعديل */
.product-entry.wide-card, 
[id*="donation-amount"]: # "{"
    max-width: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 20px !important;
    border: 3px solid #D4AF37 !important;
    border-radius: 20px !important;
    background: #fffbf0 !important;
}

.product-entry.wide-card .product-entry__image {
    width: 30% !important;
    height: 150px !important;
    border-radius: 15px !important;
    border: none !important;
}

.product-entry.wide-card .content-wrap {
    width: 70% !important;
    text-align: right !important;
    padding-right: 30px !important;
}

/* 7. تحسينات عامة للنصوص - لم يتم التعديل */
.product-entry__title {
    color: #1a365d !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}

.s-progress-bar {
    background: #f1f1f1 !important;
    border-radius: 10px !important;
}

.progress-bg {
    background: linear-gradient(90deg, #D4AF37, #b8860b) !important;
}

.product-entry::before, 
.product-entry__footer {
    display: none !important;
}


.partners-logos .brand-item {
  height: 100px !important;
  border-style: none !important;
  padding: 0px !important;
}

@media only screen and (max-width: 900px) {
    a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none,.store-footer .contact-social ul,a.flex.items-center.m-0,.flex.rtl\:space-x-reverse.space-x-2.items-end,.store-footer__inner {
        text-align: center;
        justify-content: center;
    }
}


@media (min-width: 750px) {
    salla-slider.photos-slider .swiper-slide {
        position: relative;
        margin-left: 0rem;
        margin-right: 0rem;
        height: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 0.375rem;
    }

    section:nth-of-type(1).s-block.s-block--photos-slider {
        margin-top: 0rem;
    }
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper {
        padding-left: 0 !important;
    }

    salla-slider.photos-slider .swiper-slide {
        border-radius: 0px !important;
        width: 100%;
        margin: 0;
        padding: 0;
    }
}


.store-footer .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(255, 255, 255) !important;
}

store-footer .s-payments-list {
  align-items: center;
  margin-bottom: 10px !important;
}








/* Transitions */



button:hover {
  background: green;
  color: #fff;
  font-size: 20px;
  font-weight: bold !important;
}

.main-menu li>a:hover {
   background: linear-gradient( 88deg ,#4a662f 0,#c5dd67 50%,#d69914 96%) !important;
  color: #fff !important;
    border-bottom-left-radius: 0px;
  color: #fff !important;
  border-right: 2px solid #4a662f;
  border-left: 2px solid #4a662f;
  font-size: 20px;
  font-weight: bold !important;

}

 #main-links-2 {
  border-style: solid;
  border-width: 5px !important;
  border-color: #fbfffe;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  background: linear-gradient(0deg, rgb(247, 247, 247), rgba(255, 255, 255, 0.82)), url("https://www.pmn.org.sa/images/templates/section_header_background.jpg") 100% 100% / cover no-repeat, rgb(255, 255, 255);
   }
   
@media (min-width: 1024px) {

      #main-links-2 {
  border-style: solid;
  border-width: 5px !important;
  border-color: #fbfffe;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  background: linear-gradient(0deg, rgb(247, 247, 247), rgba(255, 255, 255, 0.82)), url("https://www.pmn.org.sa/images/templates/section_header_background.jpg") 100% 100% / cover no-repeat, rgb(255, 255, 255);
   }
}

@media (min-width: 640px) {

          #main-links-2 {
  border-width: 0px !important;
  border-color: #fbfffe;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  background: linear-gradient(0deg, rgb(247, 247, 247), rgba(255, 255, 255, 0.82)), url("https://www.pmn.org.sa/images/templates/section_header_background.jpg") 100% 100% / cover no-repeat, rgb(255, 255, 255);
   }
}


.s-block__title::after {
  content: '';
  display: block;
  border-top: 2px #015C6D solid;
  width: 20%;
  text-align: center;
  margin: 5px auto 0;
  border-radius: 50px;
}

.s-block--tabs-produtcs .tab-trigger {
  border-color: rgb(227, 229, 232);
  background-color: #fff;
  color: rgb(74, 102, 47);
}



.s-block--tabs-produtcs .tab-trigger {
  border-color: rgb(227, 229, 232);
  
  --tw-text-opacity: 1;
  color: rgb(74, 102, 47);
}


.text-nav_text {
  color: #fff !important;
}

.s-slider-block__title p {
  color: #4a662f;
  font-weight: bold !important;
}

.store-footer {
  position: relative;
  margin-top: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgba(29, 31, 31, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
    background-image: url('https://store.quran-shnan.org.sa/wp-content/uploads/2021/05/GMS.png');
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  background-color: #304d13;
  border-top: 4px solid #ef951e;

}

.store-footer__info-bar {
  --tw-bg-opacity: 1;
  background-color: rgba(14, 15, 15, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  background-color: #4a662f;
  background-image: url(http://store.quran-shnan.org.sa/wp-content/uploads/2025/02/bag5.png);
  background-position: center center;
  background-attachment: scroll;
}

.bg-nav_bg {
  background-color: var(--color-nav-bg, #ffffff);
  background-image: url(https://www.bir-tihamah.org.sa/wp-content/uploads/2024/10/bg3.png);
  background-repeat: repeat;
}

.bg-white {
  background: linear-gradient(90deg, rgba(255,255,255,0.9), rgb(244, 253, 235)), url('https://www.lq.org.sa/rafed/uploads/website_modules/1_63ff1721382cc.png') 0% 0% / cover scroll no-repeat, #daf2c3;
}





.qb-quick-donate{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.qb-quick-donate a{flex:1;min-width:70px;padding:10px 8px;border-radius:12px;text-decoration:none;text-align:center;font-weight:800;font-size:13px;border:1px solid rgba(0,0,0,.12);background:#f7f7f7;color:#111}
.qb-quick-donate a.qb-primary{background:#111;color:#fff;border-color:#111}