/* Add custom CSS styles below */ 

body.index {
    background-color: #ffffff !important;
    font-size: 18px !important; /* تكبير الخط العام */
}

:root {
    --main-color: #ed2226; 
    --secondary-color: #ffffff; 
    --white-color: #ffffff;
    --normal-box-shadow: rgba(0,0,0,0.1) 0px 2px 5px;
}

/* --- 1. الهيدر والقائمة العلوية --- */
div#mainnav, .inner.bg-inherit, .top-navbar, .main-nav-container {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 1px solid #f0f0f0;
}

/* تكبير خط المنيو ومنع تحوله للأبيض عند التمرير */
.main-menu li.root-level>a {
    color: #000000 !important;
    font-size: 18px !important; /* تكبير الخط */
    font-weight: 600 !important;
}

.main-menu li.root-level>a:hover {
    color: var(--main-color) !important; /* يتحول للأحمر عند التمرير بدل الأبيض */
    background: transparent !important;
}

/* الأيقونات العلوية */
.header-btn__icon {
    color: var(--main-color) !important;
    font-size: 26px !important; /* تكبير الأيقونات */
}

/* --- 2. أسعار المنتجات وأسماؤها --- */
/* تكبير السعر ومنع اختفائه */
salla-price, .s-price-amount, .s-price-currency {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    font-size: 22px !important; /* سعر كبير وواضح */
    font-weight: 800 !important;
}

/* تكبير اسم المنتج ومنع تحوله للأبيض عند التمرير */
.s-product-card-content h3, 
.s-product-card-entry h3, 
.s-product-card-entry a {
    font-size: 19px !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-decoration: none !important;
}

/* إلغاء اللون الأبيض عند التمرير على الكرت */
.s-product-card-entry:hover h3, 
.s-product-card-entry:hover a,
.s-product-card-entry:hover * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* --- 3. مربع الكمية والأزرار --- */
.s-quantity-input__input {
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.s-quantity-input__button {
    color: var(--main-color) !important;
    font-size: 20px !important;
}

/* --- 4. زر أضف للسلة --- */
.s-button-primary, 
button.btn-add-to-cart, 
salla-add-product-button button {
    background-color: #ed2226 !important;
    color: #ffffff !important;
    font-size: 20px !important; /* خط الزر كبير */
    font-weight: bold !important;
    padding: 15px !important;
}

/* --- 5. الفوتر وحماية النصوص --- */
footer.store-footer * {
    color: #000000 !important;
    font-size: 16px !important;
}

/* --- 6. تنسيق الصور (تعديلك السابق) --- */
@media (min-width: 992px){
  .NA-single-product .sidebar {
    width: 520px !important;
    max-width: 520px !important;
    flex: 0 0 520px !important;
  }
}

@media (min-width: 992px){  /* خلي عمود الصور له عرض واضح */  .NA-single-product .sidebar{    width: 520px !important;     /* عدّلها 450–620 حسب شكل الصفحة */    max-width: 520px !important;    flex: 0 0 520px !important;  }  /* اجبر السلايدر/الراپر ياخدوا كامل العرض */  .NA-single-product .details-slider,  .NA-single-product .s-slider-container,  .NA-single-product .swiper,  .NA-single-product .swiper-wrapper,  .NA-single-product .swiper-slide,  .NA-single-product .magnify-wrapper,  .NA-single-product .homeslider__slide{    width: 100% !important;    max-width: 100% !important;  }  /* امنع أي تصغير للصورة نفسها */  .NA-single-product .magnify-wrapper img,  .NA-single-product .homeslider__slide img{    width: 100% !important;    max-width: 100% !important;    height: auto !important;    object-fit: contain !important;  }}

/* إخفاء شريط البحث فقط من الهيدر العلوي */
.top-navbar .s-search-input, 
.top-navbar .header-search,
.s-header-search-container,
.top-navbar .search-container {
    display: none !important;
}

/* إخفاء الإيميل ومعلومات التواصل من الهيدر العلوي */
.top-navbar .contact-info, 
.top-navbar .header-contact, 
.top-navbar a[href^="mailto:"],
.top-navbar .s-top-navbar-left {
    display: none !important;
}

/* إلغاء الشريط العلوي بالكامل في حال أصبح فارغاً */
.top-navbar {
    display: none !important;
}