/* Main Color : #8f04e6 */

/* الناف بار */
.main-nav__inner.flex.items-center.flex-wrap.lg\:flex-nowrap.gap-y-3.bg-nav_bg.text-nav_text,
/*  القائمة المنسدلة*/
.main-menu li:hover>.sub-menu,
/* مميزات المتجر */
.slide--cat-entry i,

/* عنوان التذييل */
footer.store-footer h3 {
    background: linear-gradient(45deg, #7d13c0, #0c1013 90%) !important;
}

/* القائمة الجانبية */
@media (max-width: 1023px) {
    div#main-menu-wrap.side-panel {
        background: linear-gradient(45deg, #7d13c0, #0c1013 90%) !important;
    }
}

@media (min-width: 1024px) {
    .s-user-menu-dropdown-list {

        background: linear-gradient(45deg, #7d13c0, #0c1013 90%) !important;
    }
}

h1.text-2xl,
strong.text-lg.md\:text-3xl,
.s-slider-block__title h2,
.s-block--about-charity h2,
a.text-lg.font-bold.hover\:text-primary.cursor-pointer,
body.color-mode-light .s-block__title h2 {
    color: #0c1013 ! important;
    text-shadow: 0px 0px 3px #7d13c0;

}

/* الآزار   */
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center,

a.text-primary,
.s-button-primary,
.btn--outline-primary {
    background: linear-gradient(45deg, #7d13c0, #0c1013 90%) !important;
    color: white !important;
    border-radius: 10px !important;
}

a.text-primary span {
    padding-bottom: 6px;
}


/* =========================================================
   شاشة الانتظار 
   ========================================================= */

/* الحاوية الرئيسية */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: linear-gradient(45deg, #7d13c0, #0c1013 90%);
    animation: aura-preloader-hide 0.5s ease 2.5s forwards;
}

/* اللوغو + السبينر */
body::after {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    z-index: 100000;
    background-image: url('https://cdn.files.salla.network/theme/166555426/03898f27-0868-4d38-9a80-64b173e5e536-original.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation:
        aura-logo-pulse 2s ease-in-out infinite,
        aura-preloader-hide 0.5s ease 2.5s forwards;
}

/* إخفاء شاشة الانتظار */
@keyframes aura-preloader-hide {
    to {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

/* نبض اللوغو */
@keyframes aura-logo-pulse {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.06);
        opacity: 0.85;
    }
}

/* الموبايل */
@media (max-width: 640px) {
    body::after {
        width: 140px;
        height: 140px;
    }
}


/* ************************************************* */
/* ************************************************* */
/* Navbar */
/* ************************************************* */
/* ************************************************* */
/* القائمة العلوية */


@media (max-width: 640px) {
    .main-nav__inner.flex.items-center.flex-wrap.lg\:flex-nowrap.gap-y-3.bg-nav_bg.text-nav_text {
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }


}

@media (min-width: 1024px) {

    /* القائمة العلوية */
    .main-menu {
        padding-top: 0px !important;
    }

    /*  القائمة المنسدلة*/
    .main-menu li:hover>.sub-menu {
        margin-top: 8px;
    }
}

/* القائمة الجانبية */
.menu-fixed-bar,
.bg-nav_bg {
    background: transparent;
}

/* ************************************************* */
/* ************************************************* */
/* slidere */
/* ************************************************* */
/* ************************************************* */


/* 1. إخفاء النقاط (Pagination) */
section.s-block--photos-slider .swiper-pagination,
section.s-block--photos-slider .swiper-pagination-bullets {
    display: none !important;
}

/* 2. إلغاء الحشوة والقيود من القسم */
section.s-block--photos-slider {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
}

section.s-block--photos-slider .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}

/* 3. السلايدر يأخذ عرض الشاشة الكامل (مع هامش بسيط) */
section.s-block--photos-slider salla-slider,
section.s-block--photos-slider .s-slider-wrapper,
section.s-block--photos-slider .swiper,
section.s-block--photos-slider .swiper-wrapper,
section.s-block--photos-slider .s-slider-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}


section.s-block--photos-slider .swiper-slide img,
section.s-block--photos-slider .swiper-slide a {
    border-radius: 0 !important;
}



section.s-block--photos-slider .bordered-circle-arrows .s-slider-nav-arrow {
    border-radius: 50% !important;
}


/* ************************************************* */
/* ************************************************* */
/* Sections */
/* ************************************************* */
/* ************************************************* */


/* استهداف جميع العناصر ذات overflow-hidden داخل البطاقة */
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row a.rounded,
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row a.rounded>img {
    overflow: visible !important;
}

/* إزالة أي قيود ارتفاع من جميع الآباء */
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row,
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row>*,
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row>*>img {
    max-height: none !important;
    height: auto !important;
}

/* ضبط الصورة النهائي */
.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row>a>img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    overflow: visible !important;
}

/*      */

@media (min-width: 640px) and (max-width: 1023px) {
    .s-block.s-block--donations-grid .container.flex.flex-col.gap-2\.5.lg\:gap-8 {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }

    .s-block.s-block--donations-grid .container.flex.flex-col.gap-2\.5.lg\:gap-8>* {
        width: calc(50% - 10px) !important;
    }


}

@media (max-width:1023px) {

    .s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row.lg\:even\:flex-row-reverse.gap-2\.5.lg\:gap-8.lg\:max-h-\[400px\] {
        flex-direction: column-reverse;
    }
}

.s-block.s-block--donations-grid .flex.items-start.rounded.justify-center.flex-col.p-2\.5.lg\:p-5.w-full.lg\:max-w-\[550px\].bg-gray-50 {
    background: transparent !important;
}

.s-block.s-block--donations-grid .flex.flex-col.lg\:flex-row.lg\:even\:flex-row-reverse.gap-2\.5.lg\:gap-8.lg\:max-h-\[400px\] {
    margin-top: 20px !important;
    border-radius: 10px;
    box-shadow: 0 0 10px #7d13c0;
}

.s-block.s-block--donations-grid img.lazy.object-cover.w-full.h-full.loaded {
    object-fit: fill !important;
}

a.text-lg.font-bold.hover\:text-primary.cursor-pointer {

    font-size: 1.75rem;
    margin-bottom: 15px;
}

/* ************************************************* */
/* ************************************************* */
/*  قسم تعريف اورا والأسئلة الشائعة*/
/* ************************************************* */
/* ************************************************* */
section#about-charity-4 h2.text-2xl.lg\:text-4xl.text-gray-900.font-bold.mb-2 {
    font-size: 2.1rem !important;
}

section#about-charity-4 p.text-lg.text-gray-600.font-normal.mb-5 {

    font-weight: bold;
    color: black;
    margin-top: 20px;
    font-size: 1.75rem;
}

/* ************************************************* */
/* ************************************************* */
/* أرقام نفتخر بها */
/* ************************************************* */
/* ************************************************* */
@media (max-width: 991px) {
    section.s-block.s-block--statistics .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

.statistics-list__item>.outer {
    box-shadow: 0px 0px 10px #7d13c0;
}

/* ************************************************* */
/* ************************************************* */
/* ميزات المتجر */
/* ************************************************* */
/* ************************************************* */
section#main-links-5 .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem !important;
}

@media (max-width: 1023px) {
    section#main-links-5 .swiper.s-slider-container .swiper-wrapper.s-slider-swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        transform: none !important;
        gap: 12px !important;
    }

    section#main-links-5 .swiper.s-slider-container .swiper-wrapper.s-slider-swiper-wrapper>.swiper-slide {
        width: auto !important;
        flex: unset !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 639px) {
    section#main-links-5 .swiper.s-slider-container .swiper-wrapper.s-slider-swiper-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

section#main-links-5 .swiper-slide.slide--one-sixth>a {
    border: 0px !important;
    box-shadow: none;
}

/* ************************************************* */
/* ************************************************* */
/* Footer */
/* ************************************************* */
/* ************************************************* */
.store-footer__top-area {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}

@media (min-width: 1024px) {
    .store-footer__top-area {

        gap: 30px !important;
    }
}

@media (min-width: 640px) {
    .space-y-8.sm\:space-y-0.sm\:grid.grid-cols-12.gap-8.lg\:gap-6>div {
        grid-column: span 6 / span 6 !important;
    }
}

@media (min-width: 1024px) {
    .space-y-8.sm\:space-y-0.sm\:grid.grid-cols-12.gap-8.lg\:gap-6>div {
        grid-column: span 4 / span 4 !important;
    }
}

footer.store-footer h3 {
    color: white !important;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.footer-is-light .store-footer .s-social-link a {
    transform: scale(1.2);
    margin: 0px 10px;
    box-shadow: 0 0 10px #7d13c0;

}


/* ************************************************* */
/* ************************************************* */
/* المنتجات */
/* ************************************************* */
/* ************************************************* */
.product-details .product-slider .s-slider-container {
    height: auto !important;
}
img.h-full.w-full.transition-opacity.hover\:opacity-90.lazy.object-contain.loaded{
    object-fit: fill !important ;
}
.s-product-card-fit-height .s-product-card-image {
    max-height: initial !important;
}

.product-details .product-slider .s-slider-container img.h-full.w-full.object-center {
    height: auto !important;
    margin: 10px !important;
    width: calc(100% - 20px);
    border-radius: 10px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    border: 0px !important;
}

strong {
    color: black !important;
}

.share-area {
    DISPLAY: NONE ! IMPORTANT;
}
.product-entry--vertical,
.s-product-card-vertical {
    box-shadow: 0 0 5px #7d13c0 !important;
    background: rgba(249, 250, 251, var(--tw-bg-opacity, 1)) !important;
}


main#main-content>salla-offer.hydrated,
main#main-content>.s-blocks-wrapper.s-before-reviews,
main#main-content>.s-blocks-wrapper.s-before-related,
main#main-content>.s-block.suggestions,
main#main-content>.s-blocks-wrapper.s-after-related,
main#main-content>.container salla-hook.hydrated,
main#main-content .main-content.flex.flex-col.gap-5>.installment-wrap,

main#main-content .main-content.flex.flex-col.gap-5>salla-cashback-banner.hydrated,

main#main-content .main-content.flex.flex-col.gap-5>section.s-block.s-block--bundle-out-of-stock-alternative,


main#main-content .main-content.flex.flex-col.gap-5>salla-bought-together.hydrated,
main#main-content .main-content.flex.flex-col.gap-5>salla-verified-review.hydrated,

main#main-content .main-content.flex.flex-col.gap-5>salla-hook.hydrated,
main#main-content .main-content.flex.flex-col.gap-5>salla-quick-order.hydrated {
    display: none !important;
}


/* زر اضف للسلة في بطاقة المنتجات */
@media (min-width: 640px) {
    .add-to-cart-conatiner.flex.items-center.mt-auto.min-h-\[60px\].text-gray-600.gap-2\.5.lg\:gap-4.w-full {
        padding: 1.25rem;
    }
}

@media (min-width: 640px) {
    .add-to-cart-conatiner.flex.items-center.mt-auto.min-h-\[60px\].text-gray-600.gap-2\.5.lg\:gap-4.w-full {
        padding: 1.25rem;
    }
}


salla-button.s-button-wrap.hydrated {
    display: flex;
    justify-content: center;
    align-items: center;
}

.s-add-product-button-main .s-button-text {
    font-size: 0 !important;

    width: 100%;
    height: 100%;

    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.s-add-product-button-main .s-button-text i,
.s-add-product-button-main .s-button-text svg,
.s-add-product-button-main .s-button-text .sicon-shopping{
    display: none !important;
}

.s-add-product-button-main .s-button-text::after {
    content: 'أضف للسلة' !important;
    font-size: 14px !important;
    color: inherit !important;
}
/* ************************************************* */
/* ************************************************* */
/* اخفاء زر تبرع  الآن*/
/* ************************************************* */
/* ************************************************* */
salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    display: none !important;
}
/* ************************************************* */
/* ************************************************* */
/* صفحات بعد تسجيل الدخول */
/* ************************************************* */
/* ************************************************* */
nav.breadcrumbs.w-full.py-5 {
    display: none;
}