/* =========================
   Header Styles
========================= */
#mainnav {
    height: unset !important;
}

#mainnav .inner {
    padding-block: 0.4rem !important;
}

.topnav-is-dark .top-navbar {
    background-color: var(--color-primary);
}

.navbar-brand img {
    max-height: 8rem;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 140px;
}

li:has(a[aria-label="تخفيضات"]) {
    display: none !important;
}

/* Header - White Text & Background */
#mainnav,
#mainnav .inner,
.topnav-is-dark .top-navbar,
.main-nav-container,
.main-nav-container.fixed-pinned {
    background-color: #0E1E2E !important;
}

#mainnav,
#mainnav a,
#mainnav button,
#mainnav span,
#mainnav i,
#mainnav .navbar-brand,
.topnav-is-dark .top-navbar,
.topnav-is-dark .top-navbar a,
.topnav-is-dark .top-navbar span,
.topnav-is-dark .top-navbar p {
    color: #FFFFFF !important;
}

#mainnav svg,
.topnav-is-dark .top-navbar svg,
.topnav-is-dark .s-search-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}


/* =========================
   First Banner
========================= */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div {
    padding: 0 !important;
}

section:first-of-type.s-block.s-block--photos-slider {
    margin-top: 0;
}

[dir="rtl"] salla-slider.photos-slider .swiper {
    padding: 0;
}

section.s-block.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}

img,
.banner-entry {
    background-color: unset !important;
}


/* =========================
   Products
========================= */
salla-add-product-button button {
    background-color: var(--color-primary);
    color: #fff !important;
}

@media (width < 768px) {
    .s-products-slider-card.swiper-slide {
        width: 55%;
    }
}


/* =========================
   Footer
========================= */
.footer-is-light .store-footer .store-footer__inner {
    background-color: var(--color-primary);
    border: none;
}

.footer-is-light .store-footer {
    background-color: var(--color-primary);
}

.footer-is-light .store-footer .contact-social {
    border: none;
}

.footer-is-light .store-footer,
.footer-is-light .store-footer p,
.footer-is-light .store-footer span,
.footer-is-light .store-footer a,
.footer-is-light .store-footer h2,
.footer-is-light .store-footer h3,
.footer-is-light .store-footer h4,
.footer-is-light .store-footer h5,
.footer-is-light .store-footer li,
.footer-is-light .store-footer label,
.footer-is-light .store-footer strong,
.footer-is-light .store-footer .copyright-text,
.footer-is-light .store-footer .copyright-text p {
    color: #FFFFFF !important;
}

.footer-is-light .store-footer svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.footer-is-light .store-footer .s-contacts-icon {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.footer-is-light .store-footer a:hover {
    color: #FDF8F3 !important;
}

.unicode {
    text-align: right;
}

@media (width < 1024px) {
    footer * {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}



/* =========================
   Header Styles
========================= */
#mainnav {
    height: unset !important;
}

#mainnav .inner {
    padding-block: 0.4rem !important;
}

.topnav-is-dark .top-navbar {
    background-color: var(--color-primary);
}

.navbar-brand img {
    max-height: 8rem;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 140px;
}

li:has(a[aria-label="تخفيضات"]) {
    display: none !important;
}

/* Header - White Text & Background */
#mainnav,
#mainnav .inner,
.topnav-is-dark .top-navbar,
.main-nav-container,
.main-nav-container.fixed-pinned {
    background-color: #0E1E2E !important;
}

#mainnav,
#mainnav a,
#mainnav button,
#mainnav span,
#mainnav i,
#mainnav .navbar-brand,
.topnav-is-dark .top-navbar,
.topnav-is-dark .top-navbar a,
.topnav-is-dark .top-navbar span,
.topnav-is-dark .top-navbar p {
    color: #FFFFFF !important;
}

#mainnav svg,
.topnav-is-dark .top-navbar svg,
.topnav-is-dark .s-search-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}


/* =========================
   First Banner
========================= */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    width: 100%;
}

section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div {
    padding: 0 !important;
}

section:first-of-type.s-block.s-block--photos-slider {
    margin-top: 0;
}

[dir="rtl"] salla-slider.photos-slider .swiper {
    padding: 0;
}

section.s-block.s-block--photos-slider .s-slider-block__title-nav {
    display: none !important;
}

img,
.banner-entry {
    background-color: unset !important;
}


/* =========================
   Products
========================= */
salla-add-product-button button {
    background-color: var(--color-primary);
    color: #fff !important;
}

@media (width < 768px) {
    .s-products-slider-card.swiper-slide {
        width: 55%;
    }
}


/* =========================
   Footer
========================= */
.footer-is-light .store-footer .store-footer__inner {
    background-color: var(--color-primary);
    border: none;
}

.footer-is-light .store-footer {
    background-color: var(--color-primary);
}

.footer-is-light .store-footer .contact-social {
    border: none;
}

.footer-is-light .store-footer,
.footer-is-light .store-footer p,
.footer-is-light .store-footer span,
.footer-is-light .store-footer a,
.footer-is-light .store-footer h2,
.footer-is-light .store-footer h3,
.footer-is-light .store-footer h4,
.footer-is-light .store-footer h5,
.footer-is-light .store-footer li,
.footer-is-light .store-footer label,
.footer-is-light .store-footer strong,
.footer-is-light .store-footer .copyright-text,
.footer-is-light .store-footer .copyright-text p {
    color: #FFFFFF !important;
}

.footer-is-light .store-footer svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.footer-is-light .store-footer .s-contacts-icon {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.footer-is-light .store-footer a:hover {
    color: #FDF8F3 !important;
}

.unicode {
    text-align: right;
}

@media (width < 1024px) {
    footer * {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}






/* =========================
   ضبط ارتفاع حاوية الأقسام لتتأقلم مع المحتوى تلقائياً
========================= */

section.s-block.s-block--banners.container,
.s-block--banners {
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding-inline: 16px !important;
    height: auto !important; /* السماح للحاوية بالتمدد حسب المحتوى */
    min-height: unset !important;
}

/* شاشات الكمبيوتر: توزيع 3 أقسام بمرونة تامة */
@media (min-width: 1025px) {
    section.s-block.s-block--banners.container .grid,
    .s-block--banners .grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
        align-items: stretch !important; /* جعل جميع البطاقات بنفس الارتفاع بناءً على أطول بطاقة */
    }

    section.s-block.s-block--banners.container .grid > *,
    .banner-entry {
        width: 100% !important;
        height: auto !important; /* إلغاء الطول الثابت وجعله مرناً مع النص والصورة */
        min-height: 360px !important; /* الحد الأدنى للارتفاع لضمان التناسق */
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }
}

/* شاشات التابلت */
@media (min-width: 768px) and (max-width: 1024px) {
    section.s-block.s-block--banners.container .grid,
    .s-block--banners .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    section.s-block.s-block--banners.container .grid > *,
    .banner-entry {
        height: auto !important;
        min-height: 300px !important;
    }
}

/* شاشات الجوال */
@media (max-width: 767px) {
    section.s-block.s-block--banners.container .grid,
    .s-block--banners .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    section.s-block.s-block--banners.container .grid > *,
    .banner-entry {
        height: auto !important;
        min-height: 250px !important;
    }
}






/*
/* صفحة المنتج 
#product-1791886973 [data-testid="store-product-price"],
#product-1791886973 section:has(.price-wrapper),
#product-1791886973 .sticky-product-bar,
#product-1791886973 salla-add-product-button,
#product-1791886973 salla-installment,
#product-1791886973 salla-quick-order {
    display: none !important;
}

/* الكروت: إخفاء مباشر بدون انتظار الـ JS 
:is(custom-salla-product-card, salla-product-card, .s-product-card-entry, .product-entry):has(a[href*="p1791886973"]) :is(
    .s-product-card-price,
    .product-entry__price,
    salla-add-product-button,
    .s-product-card-content-footer,
    .s-product-card-promotion-title
) {
    display: none !important;
}
*/