/* Add custom CSS styles below */


 body, html {
    background-color: #0A2342 !important; /* كحلي غامق */
    color: #FFFFFF !important; /* النص أبيض */
}

/* 🔠 جعل كل النصوص في الموقع بيضاء */
*, p, h1, h2, h3, h4, h5, h6, span, a, li, label, input, button, div {
    color: #FFFFFF !important;
}

/* 🟦 الهيدر */
.s-header, .s-header-top-bar, .s-header-nav, .s-header-menu, nav, header {
    background-color: #0A2342 !important;
}

/* 🎨 أيقونات الهيدر باللون الأبيض */
.s-header svg, .s-header-icon svg, .s-header-top-bar svg, .s-header-menu-icon svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* ✨ عند تمرير الماوس على الأيقونات */
.s-header svg:hover, .s-header-icon svg:hover, .s-header-top-bar svg:hover, .s-header-menu-icon svg:hover {
    color: #00BFFF !important;
    fill: #00BFFF !important;
}

/* 🧭 القوائم الجانبية والرئيسية */
.s-main-menu, .s-side-menu, .s-drawer, .s-mobile-menu, .s-header-drawer, .s-header-sidebar, .drawer, .side-menu, .menu-sidebar {
    background-color: #0A2342 !important;
}

/* 🔠 النصوص داخل القوائم */
.s-main-menu a, .s-side-menu a, .s-drawer a, .s-mobile-menu a, .s-header-drawer a, .s-header-sidebar a, .drawer a, .side-menu a, .menu-sidebar a {
    color: #FFFFFF !important;
}
.s-main-menu a:hover, .s-side-menu a:hover, .s-drawer a:hover, .s-mobile-menu a:hover, .s-header-drawer a:hover, .s-header-sidebar a:hover, .drawer a:hover, .side-menu a:hover, .menu-sidebar a:hover {
    color: #00BFFF !important;
}

/* 🛍 بطاقات المنتجات */
.s-product-card, .product-card-wrap, .s-section, .s-block {
    background-color: #0A2342 !important;
}

/* 💰 الأسعار */
.s-product-price {
    color: #00FF7F !important; /* أخضر فاتح */
}

/* 🖼 الصور داخل الكارد */
.s-product-card img {
    object-fit: contain !important;
}

/* 🦶 الفوتر */
footer, .s-footer, .s-footer-wrapper {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
}
.s-footer a {
    color: #C0C0C0 !important;
}
.s-footer a:hover {
    color: #00BFFF !important;
}

/* 🌙 إصلاح الخلفية البيضاء في تبويبات التفاصيل والتقييمات */
.s-product-tabs, .s-product-tabs-content, .product-tabs, .product-tabs-content, .tab-content, .tab-pane, .tabs, .s-tabs, .s-tab-content, .product-description, .product-review, .product-details-tab, .product-details-wrapper, .s-product-details-wrapper, .product-info, .s-product-info, .product-summary, .s-product-summary, .product-data {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* إزالة أي خلفية أو حدود داخل التبويبات */
.s-product-tabs *, .s-product-tabs-content *, .product-tabs *, .product-tabs-content *, .tab-content *, .tab-pane *, .tabs *, .s-tabs *, .s-tab-content *, .product-description *, .product-review *, .product-details-tab *, .product-details-wrapper *, .s-product-details-wrapper *, .product-info *, .s-product-info *, .product-summary *, .s-product-summary *, .product-data * {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border-color: #0A2342 !important;
}

/* 🔵 السلايدر العام */
.s-slider, .s-carousel, .swiper, .swiper-container {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* 🖼 الصور داخل السلايدر */
.s-slider img, .swiper-slide img {
    object-fit: cover !important;
    border-radius: 20px !important;
}

/* ⬅️➡️ الأسهم */
.swiper-button-next, .swiper-button-prev {
    color: #FFFFFF !important;
    background-color: rgba(10, 35, 66, 0.6) !important;
    border-radius: 50% !important;
    padding: 10px !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #00BFFF !important;
}

/* ⚪ النقاط أسفل السلايدر */
.swiper-pagination-bullet {
    background-color: #FFFFFF !important;
    opacity: 0.6 !important;
}
.swiper-pagination-bullet-active {
    background-color: #00BFFF !important;
    opacity: 1 !important;
}

/* 🛒 صفحة السلة */
/* 🛒 صفحة السلة */
.s-cart, .cart, .cart-page, .s-shopping-cart, .shopping-cart, .cart-wrapper, .cart-container, .cart-content, .cart-section, .s-cart-section {
    background-color: #0A2342 !important; /* نفس لون الخلفية الأساسي للموقع */
    color: #FFFFFF !important; /* النص أبيض */
}

/* النصوص والعناصر داخل السلة */
.s-cart *, .cart *, .cart-page *, .s-shopping-cart *, .shopping-cart *, .cart-wrapper *, .cart-container *, .cart-content *, .cart-section *, .s-cart-section * {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-color: #102B54 !important; /* لون أفتح شوي للحدود */
}

/* 🧾 مربعات المنتجات داخل السلة */
.cart-item, .s-cart-item, .cart-product, .s-cart-product, .cart-list, .cart-items, .s-cart-list {
    background-color: #0A2342 !important; /* متناسق مع الموقع */
    border: 1px solid #102B54 !important;
    border-radius: 10px !important;
}

/* 💰 السعر والإجمالي */
.cart-total, .s-cart-total, .cart-summary, .s-cart-summary, .order-summary, .s-order-summary {
    background-color: #123060 !important; /* لون كحلي متوسط لإبراز المجموع */
    color: #00FF7F !important; /* لون الأسعار الأخضر الفاتح */
    border: 1px solid #1B3A6D !important;
    border-radius: 10px !important;
}

/* 🟦 أزرار الدفع أو إزالة المنتج */
.cart-button, .s-cart-button, .checkout-btn, .remove-item-btn {
    background-color: #00BFFF !important; /* نفس لون تأثيرات المرور بالموقع */
    color: #0A2342 !important; /* نص غامق على الزر */
    border-radius: 8px !important;
    border: none !important;
}
.cart-button:hover, .s-cart-button:hover, .checkout-btn:hover, .remove-item-btn:hover {
    background-color: #009ACD !important; /* أزرق أغمق عند المرور */
}


/* 🔘 الأزرار */
.cart button, .cart .btn, .s-cart button, .s-cart .btn, .checkout-button, .update-cart, .proceed-to-checkout {
    background-color: #00BFFF !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}
.cart button:hover, .cart .btn:hover, .s-cart button:hover, .s-cart .btn:hover, .checkout-button:hover, .update-cart:hover, .proceed-to-checkout:hover {
    background-color: #008CBA !important;
}

/* 💎 قسم المنتجات المميزة */
.s-featured-products, .featured-products, .s-special-products, .special-products, .s-featured-section, .featured-section, .s-products-featured, .products-featured {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
    border: none !important;
}
.s-featured-products *, .featured-products *, .s-special-products *, .special-products *, .s-featured-section *, .featured-section *, .s-products-featured *, .products-featured * {
    color: #FFFFFF !important;
    background-color: transparent !important;
    border-color: #0A2342 !important;
}
.s-featured-products .s-product-card, .featured-products .product-card, .s-special-products .s-product-card, .special-products .product-card {
    background-color: #0A2342 !important;
    border: 1px solid #102B54 !important;
    border-radius: 10px !important;
}
.s-featured-products .s-product-price, .featured-products .product-price {
    color: #00FF7F !important;
}
.s-featured-products h2, .featured-products h2, .s-special-products h2, .special-products h2 {
    color: #00BFFF !important;
    font-weight: 700 !important;
}

/* 💎 إصلاح خلفية قسم المنتجات المميزة */
.s-section, .s-block, .s-products-featured, .featured-products-section, .products-wrapper {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
}
.s-section div, .s-block div, .s-products-featured div, .featured-products-section div, .products-wrapper div {
    background-color: transparent !important;
}

/* 💙 إصلاح خلفية شريط (أضف للسلة) في صفحة المنتج */
.s-product-page .s-product-add-to-cart,
.s-product-page .product-add-to-cart,
.s-product-page .s-product-actions,
.s-product-page .product-actions,
.s-product-page .s-product-footer,
.s-product-page .product-footer,
.s-product-page .s-product-bottom-bar,
.s-product-page .product-bottom-bar,
.s-product-page .s-product-sticky-bar,
.s-product-page .product-sticky-bar {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
    border-top: 1px solid #102B54 !important;
}
.s-product-page .s-product-add-to-cart *,
.s-product-page .product-add-to-cart *,
.s-product-page .s-product-actions *,
.s-product-page .product-actions *,
.s-product-page .s-product-footer *,
.s-product-page .product-footer *,
.s-product-page .s-product-bottom-bar *,
.s-product-page .product-bottom-bar *,
.s-product-page .s-product-sticky-bar *,
.s-product-page .product-sticky-bar * {
    background-color: transparent !important;
    color: #FFFFFF !important;
}
.s-product-page .s-product-add-to-cart button,
.s-product-page .product-add-to-cart button,
.s-product-page .s-product-footer button,
.s-product-page .product-footer button {
    background-color: #00BFFF !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    border: none !important;
}
.s-product-page .s-product-add-to-cart button:hover,
.s-product-page .product-add-to-cart button:hover {
    background-color: #008CBA !important;
}
/* 🟦 إجبار جميع الأزرار اللي فوق الصور تكون كحلي */
.s-product-card button,
.product-card button,
.s-product-card .btn,
.product-card .btn,
.s-product-card .button,
.product-card .button,
.s-product-card [class*="btn"],
.product-card [class*="btn"],
.s-product-card [class*="button"],
.product-card [class*="button"] {
    background-color: #0A2342 !important; /* كحلي */
    color: #FFFFFF !important; /* النص أبيض */
    border: 1px solid #102B54 !important;
    border-radius: 8px !important;
}

/* ✨ تأثير الهوفر */
.s-product-card button:hover,
.product-card button:hover,
.s-product-card .btn:hover,
.product-card .btn:hover,
.s-product-card .button:hover,
.product-card .button:hover,
.s-product-card [class*="btn"]:hover,
.product-card [class*="btn"]:hover,
.s-product-card [class*="button"]:hover,
.product-card [class*="button"]:hover {
    background-color: #00BFFF !important; /* أزرق فاتح عند التمرير */
    color: #FFFFFF !important;
    border-color: #00BFFF !important;
}
/* 🎨 صندوق التصفية و الترتيب "ترتيب حسب" */
.s-filter, 
.s-filter-box, 
.filter-box, 
.s-sort, 
.sort-box, 
.sort-dropdown, 
select, 
option, 
.s-sort select {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
    border: 1px solid #00BFFF !important; /* إطار أزرق سماوي ناعم */
    border-radius: 10px !important;
}

/* 🔽 السهم داخل القائمة */
.s-sort select,
.sort-box select,
select {
    background-color: #0A2342 !important;
    color: #FFFFFF !important;
}

/* 🖱 عند تمرير الماوس */
.s-sort select:hover,
.sort-box:hover,
select:hover {
    background-color: #102B54 !important; /* كحلي أفتح عند الهوفر */
    border-color: #00FFDD !important;
}

/* ⚪ النصوص داخل الفلاتر */
.s-filter label,
.s-filter span,
.s-filter input,
.s-filter div,
.filter-box *,
.s-sort *,
.sort-box * {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* 🔘 الراديوهات والفلاتر */
input[type="radio"],
input[type="checkbox"] {
    accent-color: #00BFFF !important; /* لون أزرق سماوي */
}
/* 🎨 صندوق فئات المنتجات */
.filters-sidebar,
.s-filters,
.filters-menu,
#filters-menu,
.facets,
.s-product-filter {
    background-color: #0A2342 !important; /* كحلي غامق */
    border: 1px solid #102B54 !important; /* إطار أغمق */
    border-radius: 12px !important;
    padding: 10px !important;
}

/* ✨ النصوص داخل الفئات */
.filters-sidebar *,
.s-filters *,
.filters-menu *,
#filters-menu *,
.facets *,
.s-product-filter * {
    color: #FFFFFF !important; /* النص أبيض */
    background-color: transparent !important;
}

/* 🔘 الراديوهات */
.filters-sidebar input[type="radio"],
.s-filters input[type="radio"],
.filters-menu input[type="radio"],
#filters-menu input[type="radio"],
.facets input[type="radio"],
.s-product-filter input[type="radio"] {
    accent-color: #00BFFF !important;
}

/* 🖱 عند تمرير الماوس على خيار */
.filters-sidebar label:hover,
.s-filters label:hover,
.filters-menu label:hover,
#filters-menu label:hover,
.facets label:hover,
.s-product-filter label:hover {
    color: #00BFFF !important;
}
/* 🎯 الهيدر الخاص بالتصنيفات (مثل راوترات معدلة) */
.nav-header,
.sub-nav-header,
.category_title_wrapper {
    background-color: #0A2342 !important; /* لون الموقع الكحلي */
    color: #FFFFFF !important;
    border: none !important;
}

/* ✨ النصوص والعناوين داخل الهيدر */
.nav-header *,
.sub-nav-header *,
.category_title_wrapper * {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* 🔗 روابط التصفح (breadcrumbs) */
.nav-header a,
.nav-header .breadcrumbs a {
    color: #00BFFF !important; /* أزرق فاتح للرابط */
    text-decoration: none !important;
}

.nav-header a:hover {
    color: #00FFDD !important; /* أزرق سماوي أفتح عند المرور */
}

/* 🔹 الأيقونة الصغيرة بين الأقسام */
.nav-header i,
.nav-header .arrow {
    color: #FFFFFF !important;
}
/* 🎯 أزرار المفضلة والمشاركة */
.wish-share,
.wish-share button,
.wish-share .s-button-element,
.wish-share .s-social-share-btn {
    background-color: #0A2342 !important; /* لون الموقع الكحلي */
    color: #ffffff !important;
    border-color: #0A2342 !important;
    transition: all 0.3s ease;
}

/* 💫 عند تمرير الماوس */
.wish-share button:hover,
.wish-share .s-button-element:hover,
.wish-share .s-social-share-btn:hover {
    background-color: #00BFFF !important; /* أزرق فاتح عند المرور */
    color: #ffffff !important;
    border-color: #00BFFF !important;
}

/* ❤️ أيقونة القلب والمشاركة */
.wish-share i,
.wish-share svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* 🌙 شفافية خفيفة للزر */
.wish-share {
    opacity: 0.95 !important;
}
/* 🎯 الشريط الثابت للمنتج (Sticky Product Bar) */
.sticky-product-bar {
    background-color: #0A2342 !important; /* كحلي غامق - لون الموقع */
    color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* ✨ النصوص والعناوين داخل الشريط */
.sticky-product-bar * ,
.sticky-product-bar h2 ,
.sticky-product-bar p ,
.sticky-product-bar span {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 💰 السعر */
.sticky-product-bar .total-price {
    color: #FFD700 !important; /* ذهبي للسعر */
}

/* 🔘 زر إضافة للسلة */
.sticky-product-bar button,
.sticky-product-bar .s-button-element {
    background-color: #7B2CBF !important; /* بنفسجي أنيق */
    color: #ffffff !important;
    ;
    transition: all 0.3s ease;
}

.sticky-product-bar button:hover,
.sticky-product-bar .s-button-element:hover {
    background-color: #5A189A !important; /* بنفسجي أغمق عند المرور */
}

/* 🧮 صندوق الكمية */
.sticky-product-bar .s-quantity-input-container {
    background-color: #ffffff22 !important; /* شفاف فاتح فوق الكحلي */
    border-radius: 6px !important;
}

.sticky-product-bar input {
    color: #ffffff !important;
}

/* 💫 تحسين المظهر العام */
.sticky-product-bar .price_is_on_sale .before-price {
    color: #cccccc !important;
}
/* 💎 تصميم بريميوم متناسق مع الكحلي */
.s-product-card-entry {
  background: #0A2342 !important; /* كحلي */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
}

/* ✨ الصورة */
.s-product-card-entry img {
  transition: transform 0.4s ease !important;
}
.s-product-card-entry:hover img {
  transform: scale(1.07) !important;
}

/* 🏷️ اسم المنتج */
.s-product-card-entry .s-product-card-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  font-size: 1rem !important;
}

/* 💰 السعر */
.s-product-card-entry .s-product-card-price {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: #ffffff !important; /* السعر الأساسي أبيض */
  font-size: 1.1rem !important;
}

/* 🔴 السعر قبل الخصم */
.s-product-card-entry .price_is_on_sale .before-price {
  color: #ff4444 !important; /* أحمر */
  text-decoration: line-through !important;
}

/* 🛒 زر "أضف للسلة" شفاف */
.s-product-card-entry .s-button-element,
.s-product-card-entry button {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.s-product-card-entry .s-button-element:hover,
.s-product-card-entry button:hover {
  background: #cccccc33 !important; /* رمادي خفيف شفاف */
  border-color: #cccccc !important;
  color: #ffffff !important;
}

/* 🧮 أزرار + / - */
.s-product-card-entry .quantity-button,
.s-product-card-entry .plus-btn,
.s-product-card-entry .minus-btn {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: bold !important;
  transition: all 0.3s ease;
}

.s-product-card-entry .quantity-button:hover,
.s-product-card-entry .plus-btn:hover,
.s-product-card-entry .minus-btn:hover {
  background: #cccccc33 !important;
  border-color: #cccccc !important;
  color: #ffffff !important;
}

/* 🤍 أيقونة القلب */
.s-product-card-entry .s-favorite-button,
.s-product-card-entry .s-favorite-icon,
.s-product-card-entry .sicon-heart,
.s-product-card-entry .sicon-heart-fill {
  font-size: 18px !important;
  color: #ffffffcc !important; /* أبيض شفاف */
  transition: all 0.3s ease !important;
}

.s-product-card-entry .s-favorite-button:hover,
.s-product-card-entry .s-favorite-icon:hover,
.s-product-card-entry .sicon-heart:hover,
.s-product-card-entry .sicon-heart-fill:hover {
  color: #bfbfbf !important; /* رمادي عند الـhover */
  transform: scale(1.1) !important;
}
/* 🔴 لون وحجم الخصم */
.s-product-card-entry .s-product-card-price-before {
  color: #ff4444 !important; /* أحمر واضح */
  text-decoration: line-through !important;
  font-weight: 600 !important;
  font-size: 1.07rem !important; /* ← كَبّرنا الحجم شوية */
  opacity: 0.95 !important;
}
/* 💔 إزالة أي بوردر أو خلفية من أيقونة القلب في كروت المنتجات */
.s-product-card-entry salla-favorite-button,
.s-product-card-entry .s-favorite-button,
.s-product-card-entry .s-favorite-button *,
.s-product-card-entry .s-favorite-icon,
.s-product-card-entry .sicon-heart,
.s-product-card-entry .sicon-heart-fill {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 🧡 تحسين المظهر عند الـ hover */
.s-product-card-entry .s-favorite-button:hover,
.s-product-card-entry .s-favorite-icon:hover,
.s-product-card-entry .sicon-heart:hover,
.s-product-card-entry .sicon-heart-fill:hover {
  background: transparent !important; /* يشيل أي تظليل رمادي ممكن يظهر */
  border: none !important;
  box-shadow: none !important;
  color: #bfbfbf !important; /* اللون الرمادي عند المرور */
  transform: scale(1.1) !important;
}
/* 🎨 جعل صفحات "من نحن" وكل الصفحات الثابتة بلون خلفية الموقع */
.content--single-page.da-bgg {
  background-color: #0A2342 !important; /* نفس لون الموقع */
  color: #ffffff !important; /* النص أبيض */
  border-radius: 12px;
}

/* ✨ النصوص داخل الصفحة */
.content--single-page.da-bgg p,
.content--single-page.da-bgg h1,
.content--single-page.da-bgg h2,
.content--single-page.da-bgg h3,
.content--single-page.da-bgg span,
.content--single-page.da-bgg a {
  color: #ffffff !important;
}

/* 💫 الروابط لما تمرّي عليها */
.content--single-page.da-bgg a:hover {
  color: #1CC5DC !important; /* تركوازي عند المرور */
}
/* صفحة تفاصيل المنتج */
.product-page {
  background-color: #0A2342 !important; /* نفس لون الموقع الكحلي */
  color: #ffffff !important; /* النص أبيض */
  padding: 25px;
  border-radius: 12px;
  line-height: 1.9;
}

/* عناوين داخل الصفحة */
.product-page h1,
.product-page h2,
.product-page h3 {
  color: #1CC5DC !important; /* تركواز فاتح يليق مع الكحلي */
}

/* النصوص والروابط */
.product-page p,
.product-page li,
.product-page td,
.product-page th {
  color: #ffffff !important;
}

/* الجدول */
.product-page table {
  background-color: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.2);
}

.product-page th {
  background-color: rgba(255,255,255,0.1);
  color: #1CC5DC !important;
}

/* الاقتباس */
.product-page blockquote {
  background: rgba(255,255,255,0.1);
  border-right: 4px solid #1CC5DC;
  color: #ffffff;
}

/* زر الشراء */
.product-page a[href*="networksolutions-sa.com"] {
  background-color: #1CC5DC !important;
  color: #0A2342 !important;
  font-weight: 700;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.product-page a[href*="networksolutions-sa.com"]:hover {
  background-color: #ffffff !important;
  color: #0A2342 !important;
}
/* 🎯 تعديل شكل الاقتباس في صفحات سلة */
blockquote {
  background: #0A2342 !important; /* كحلي زي لون الموقع */
  border-right: 4px solid #1CC5DC !important; /* تركواز */
  color: #ffffff !important; /* أبيض */
  padding: 12px 18px !important;
  border-radius: 6px !important;
  font-style: italic;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
<style>

/* شكل السكشن */
.grid.md\:grid-cols-3.two-row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 15px;
  scroll-behavior: smooth;
  padding: 10px 0;
}

/* شكل كل قسم */
.grid.md\:grid-cols-3.two-row .banner-entry {
  flex: 0 0 250px; /* عرض كل كارت */
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 64, 0.15);
}

.grid.md\:grid-cols-3.two-row .banner-entry:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 18px rgba(0, 0, 80, 0.25);
}

/* خلفية الصورة */
.grid.md\:grid-cols-3.two-row .banner-entry .lazy__bg {
  background-size: cover !important;
  background-position: center !important;
  height: 180px;
  width: 100%;
  filter: brightness(0.8);
  transition: 0.3s;
}

.grid.md\:grid-cols-3.two-row .banner-entry:hover .lazy__bg {
  filter: brightness(1);
}


/* 🎯 تنسيق فئة المنتج داخل كروت المنتجات */
.s-product-card-props {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}

.s-product-card-category {
  background-color: #b8860b; /* دهبي غامق */
  color: #ffffff; /* أبيض */
  font-size: 0.9rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* تأثير عند المرور */
.s-product-card-category:hover {
  background-color: #daa520; /* دهبي أفتح شوية */
  transform: scale(1.05);
}
/* 🌿 تنسيق زر واتساب */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px; /* غيّريها إلى left لو عايزاه في الشمال */
  z-index: 9999;
}

.whatsapp-float img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-float img:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}
/* 🎨 تنسيق صفحة من نحن */
.da-bgg {
  background: linear-gradient(135deg, #0A2342 40%, #081b33 100%) !important; /* كُحلي غامق */
  color: #ffffff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important; /* لمسة ذهبية */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
  padding: 40px !important;
  text-align: center !important;
}

.da-bgg p {
  color: #f0f0f0 !important;
  line-height: 1.8 !important;
  font-size: 1.1rem !important;
}

.da-bgg p:first-child {
  font-weight: 600 !important;
  color: #FFD700 !important; /* أول فقرة باللون الذهبي */
}

.da-bgg:hover {
  transform: translateY(-5px);
  transition: 0.3s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}
/* 🔷 تنسيق عام للقسم */
.product-page {
  background: linear-gradient(135deg, #0A2342 40%, #081b33 100%) !important;
  color: #f2f2f2 !important;
  padding: 30px !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
}

/* العناوين */
.product-page h1, 
.product-page h2, 
.product-page h3 {
  color: #FFD700 !important; /* دهبي */
  font-weight: 700 !important;
  margin-bottom: 15px !important;
}

/* النصوص */
.product-page p {
  color: #f8f8f8 !important;
  line-height: 1.9 !important;
  font-size: 1.1rem !important;
}

/* القوائم */
.product-page ul li {
  color: #eaeaea !important;
  margin-bottom: 8px !important;
}

/* الجدول */
.product-page table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #0d2b53 !important;
  color: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.product-page th {
  background: #FFD700 !important;
  color: #0A2342 !important;
  padding: 10px !important;
  font-weight: 700 !important;
}
.product-page td {
  padding: 10px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}

/* الاقتباس */
.product-page blockquote {
  background: rgba(255, 215, 0, 0.1) !important;
  border-right: 4px solid #FFD700 !important;
  color: #fff !important;
  padding: 15px !important;
  border-radius: 8px !important;
}

/* الزر */
.product-page a {
  background-color: #FFD700 !important;
  color: #0A2342 !important;
  padding: 12px 22px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  transition: 0.3s ease !important;
}
.product-page a:hover {
  background-color: #e6be00 !important;
  transform: scale(1.05);
}

/* الفاصل */
.product-page hr {
  border: none !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, #FFD700, transparent) !important;
  margin: 25px 0 !important;
}
.da-bgg {
  background: linear-gradient(135deg, #0b1c3f 0%, #10285b 100%) !important; /* كحلي متدرج */
  color: #fff !important;
  border-radius: 20px !important;
  padding: 30px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* العناوين */
.da-bgg h4 {
  color: #FFD700 !important; /* دهبي فاتح */
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  margin-top: 25px !important;
  margin-bottom: 10px !important;
  border-right: 4px solid #FFD700;
  padding-right: 10px;
}

/* النصوص */
.da-bgg p {
  color: #f0f0f0 !important;
  line-height: 1.9 !important;
  font-size: 1.05rem !important;
  margin-bottom: 10px !important;
}

/* فاصل بين الفقرات */
.da-bgg p:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
}

/* تأثير خفيف عند تمرير الماوس */
.da-bgg {
  transition: transform 0.3s ease;
}
.da-bgg:hover {
  transform: translateY(-3px);
}
.navbar-brand img {
  display: none !important; /* نخفي الصورة الأصلية */
}

.navbar-brand {
  display: block;
  width: 200px;
  height: 85px;
  background-image: url("https://i.ibb.co/d0jBYb9X/Whats-App-Image-2025-10-29-at-11-28-48-f4a67c697-removebg-preview.png"); /* هنا بتحطي الرابط المباشر */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* تكبير اللوجو بالقوة داخل الهيدر */
.header-container .navbar-brand img {
  height: 80px !important; /* كبّري الرقم زي ما تحبي */
  width: auto !important;
  max-height: none !important;
  transform: scale(1.2); /* تكبير إضافي لو محتاجة */
}

/* 💔 إزالة أي حدود أو خلفية من زر القلب */
.s-product-card-wishlist-btn,
.s-product-card-wishlist-btn button,
.s-product-card-wishlist-btn .s-button-element,
.s-product-card-wishlist-btn .s-button-text,
.s-product-card-wishlist-btn i {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* 🤍 تنسيق شكل القلب */
.s-product-card-wishlist-btn i.sicon-heart,
.s-product-card-wishlist-btn i.sicon-heart-fill {
  color: #ffffff !important; /* أبيض */
  font-size: 20px !important;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* 🩶 عند المرور عليه بالماوس */
.s-product-card-wishlist-btn:hover i.sicon-heart,
.s-product-card-wishlist-btn:hover i.sicon-heart-fill {
  color: #bfbfbf !important; /* رمادي فاتح */
  transform: scale(1.1);
}
/* 🎯 إصلاح لون النص داخل مربع البحث */
.angelmodal input[type="search"],
.angelmodal input[type="text"],
.s-search-bar input[type="search"],
.s-search-bar input[type="text"] {
  color: #000 !important; /* لون النص (خليه أسود أو أي لون يبان) */
  background-color: #ffffff !important; /* خلي الخلفية بيضاء */
}

/* لو بتستخدمي ثيم كحلي وعايزاه يليق أكتر */
.s-search-bar input[type="search"],
.s-search-bar input[type="text"]::placeholder {
  color: #333 !important; /* لون الكتابة */
}

.s-search-bar input::placeholder {
  color: #777 !important; /* لون النص اللي قبل الكتابة */
}
/* 🎨 تخصيص شكل نافذة البحث لتكون بلون الموقع */
.angelmodal[data-angelmodal="angel-search"],
.s-search-bar,
.s-search-bar input[type="search"],
.s-search-bar input[type="text"] {
  background-color: #0A2342 !important; /* نفس لون الموقع */
  color: #ffffff !important; /* النص أبيض */
}

/* ✨ لون النص اللي بيكتبه المستخدم */
.s-search-bar input[type="search"],
.s-search-bar input[type="text"] {
  border: 1px solid #ffffff33 !important; /* إطار خفيف أبيض شفاف */
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
}

/* 🌟 لون النص اللي بيظهر قبل الكتابة (placeholder) */
.s-search-bar input::placeholder {
  color: #dddddd !important;
}

/* 🔍 لون أيقونة البحث */
.sicon-search {
  color: #ffffff !important;
}

/* 🧭 لو في نتائج بحث */
.s-search-bar .s-search-results,
.s-search-bar .s-search-results * {
  background-color: #0A2342 !important;
  color: #ffffff !important;
}

/* 🩵 تظليل النتيجة عند المرور */
.s-search-bar .s-search-results li:hover {
  background-color: #123a70 !important; /* أفتح شوية من الكحلي */
}
/* 🌌 خلفية الصفحة */
.nav-header, .container {
    background-color: #0A2342 !important; /* كحلي غامق */
    color: #FFD700 !important; /* دهبي للنصوص المميزة */
}

/* 🌟 عنوان السلة والعداد */
.nav-title h1, .items-count {
    color: #FFD700 !important; /* دهبي */
}

/* 🔗 روابط breadcrumbs */
.breadcrumbs a {
    color: #FFFFFF !important; /* أبيض للنصوص */
}
.breadcrumbs a:hover {
    color: #FFD700 !important; /* دهبي عند المرور */
}

/* ⚡ السلة الفارغة */
.no-content-placeholder {
    background-color: #123060 !important; /* كحلي متوسط للبطاقات */
    color: #FFD700 !important; /* دهبي للنص */
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}
.no-content-placeholder i.icon {
    color: #FFD700 !important; /* دهبي للأيقونة */
    font-size: 50px;
}

/* 🔘 أزرار العودة للرئيسية */
.btn--outline-primary {
    background-color: #FFD700 !important; /* دهبي */
    color: #0A2342 !important; /* نص كحلي غامق على الزر */
    border: none !important;
}
.btn--outline-primary:hover {
    background-color: #FFC300 !important; /* دهبي أفتح عند المرور */
}

/* 📦 محتوى السلة */
.main-content {
    background-color: #0A2342 !important; /* كحلي غامق */
    color: #FFD700 !important; /* دهبي للنصوص المهمة */
}

/* 🧩 عناصر داخل العروض */
salla-conditional-offer, salla-offer {
    background-color: #123060 !important; /* كحلي متوسط */
    border-radius: 10px;
    padding: 15px;
    color: #FFD700 !important; /* دهبي */
}
/* 🔘 أزرار زيادة ونقصان الكمية */
.s-quantity-input-button {
    background-color: #FFD700 !important; /* دهبي */
    color: #0A2342 !important; /* نص كحلي غامق */
    border-radius: 6px !important;
    border: none !important;
    width: 32px;
    height: 32px;
}
.s-quantity-input-button:hover {
    background-color: #FFC300 !important; /* دهبي أفتح عند المرور */
}



/* ❌ زرار "حذف" المنتج */
.btn--delete .s-button-element {
    background-color: #8B0000 !important; /* أحمر غامق بدل الأزرق */
    color: #FFD700 !important; /* نص دهبي */
    border-radius: 6px !important;
    border: none !important;
}
.btn--delete .s-button-element:hover {
    background-color: #B22222 !important; /* أحمر أفتح عند المرور */
}



/* تغيير لون أيقونة SVG داخل الزرار */
.s-quantity-input-button svg path {
    fill: #ffffff !important; /* خلي الأيقونة باللون الأبيض */
}

/* عند المرور */
.s-quantity-input-button:hover {
    background-color: #DAA520 !important; /* ذهبي فاتح */
}
/* تأثير عدسة تكبير على صور المنتج */
.swiper-wrapper img {
  transition: transform 0.4s ease, box-shadow 0.3s ease;
  cursor: zoom-in;
  border-radius: 12px; /* حواف ناعمة اختيارية */
}

.swiper-wrapper a:hover img {
  transform: scale(1.4); /* حجم التكبير */
  z-index: 2;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); /* ظل خفيف أثناء الزوم */
}