/* Add custom CSS styles below *//* تغيير لون خط المتجر */
.container .s-menu-footer-item,
.container .s-contacts-item,
.container .s-contacts-item span,
.container p {
    color: #00894a !important;
}

/* تغيير لون الخط الفرعي فقط */
.sub-menu ul li a,
.sub-menu ul li span,
.mm-spn li a,
.mm-spn li span {
    color: #005147 !important; 
}

.mm-spn li:after {
    display: none !important;
}

/* الهوفر على الكرت */
custom-salla-product-card.s-product-card-entry:hover,
salla-products-list .s-products-list-wrapper .s-product-card-entry:hover,
salla-products-list .s-products-slider-slider .s-product-card-entry:hover,
salla-products-slider .s-products-list-wrapper .s-product-card-entry:hover,
salla-products-slider .s-products-slider-slider .s-product-card-entry:hover {
    border-color: #00894a !important;
    box-shadow: 0 12px 24px rgba(35, 71, 105, 0.2) !important;
    transform: translateY(-19px) !important;
}

/* عناوين الفوتر */
.ronaq-store-footer h3 {
    font-weight: 800 !important;
}

/* لون الروابط في القائمة */
.sub-menu ul li a span:hover {
    color: #00894a !important;
}

/* تأثير البانر */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners:hover {
    transform: translateY(-10px);
    opacity: 1;
}

/* حركة الصور */
img.w-full {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

img.w-full:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

/* حركة الروابط */
a {
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a:hover {
    color: #00894a !important;
}

/* تعديلات القائمة والشعار */
@media (min-width: 1280px) {
   #mainnav div:has(.mburger.mburger--collapse).xl\:w-1\/2 {
        width: 65%;
    }
}

.navbar-brand img {
    max-width: 130px;
    object-fit: contain;
    max-height: 6rem;
}

/* ---------------------------------- */
/* --- كود خلفية المتجر --- */
/* ---------------------------------- */
body {
    background-image: url('https://cdn.salla.sa/eGljD/f0J79kGzleV4KKHdh7qdVJtp9ZcsEgrMKRPK4Qyq.png') !important;
    background-size: cover !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

/* إخفاء الخلفية البيضاء للأقسام لتظهر خلفية المتجر الأساسية */
#app,
.app-inner,
.s-block,
.s-block--products-slider,
section {
    background-color: transparent !important;
}