/* Add custom CSS styles below */ 
#main-content {
  background-color: white;
}
.top-navbar {
  display: none
}
.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}
/* 1. توسيط الشعار في المنتصف تماماً */
.navbar-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    z-index: 10;
}
.rtl\:ml-4:where([dir=rtl],[dir=rtl] *) {
  display: none;
}
.header-btn {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 11;
}
/* تثبيت الهيدر في أعلى الصفحة عند السكرول */
.store-header {
    position: sticky !important; /* يجعله لاصقاً */
    top: 0 !important; /* يلتصق بأعلى الشاشة تماماً */
    z-index: 9999 !important; /* لضمان ظهوره فوق جميع عناصر الموقع */
    background-color: #ffffff !important; /* ضروري جداً لتغطية المحتوى عند المرور فوقه */
    width: 100% !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important; /* إضافة ظل خفيف لتمييزه عن الخلفية */
}
salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: none;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
  padding-bottom: 0px;
}
/* إضافة إطار أسود حول كرت المنتج */
.s-product-card-entry {
    border: 1px solid #1f2853 !important; /* لون وسماكة الإطار */
    border-radius: 8px !important; /* انحناء بسيط للحواف ليكون الشكل جمالي */
    overflow: hidden !important; /* لضمان عدم خروج المحتوى عن الإطار */
}
/* تغيير لون خلفية زر إضافة للسلة إلى الأزرق والنص للأبيض */
.s-button-element {
    background-color: #1f2853 !important;
    border: 1px solid #1f2853 !important; /* لتوحيد لون الإطار مع الخلفية */
}
/* لضمان أن أيقونة السلة (الشنطة) تظهر باللون الأبيض أيضاً */
.s-button-element i {
    color: #ffffff !important;
}

/* (اختياري) تأثير عند مرور الماوس: تفتيح اللون قليلاً */
.s-button-element:hover {
    opacity: 0.9 !important;
    background-color: #1f2853 !important;
    color: #ffffff !important;
}
.s-button-text {
  color: white;
}
.s-product-card-special .s-product-card-content-main:where([dir=rtl],[dir=rtl] *), special .s-product-card-content-sub:where([dir=rtl],[dir=rtl] *) {
  padding-left: 0rem !important;
  text-align: center;
  padding-top: 2rem;
}
/* تكبير خط عنوان المنتج */
.s-product-card-content-title a {
    font-size: 18px !important; /* يمكنك تغيير الرقم 18 إلى ما يناسبك */
    font-weight: bold !important; /* لجعل الخط عريضاً وواضحاً */
    line-height: 1.4 !important; /* تحسين المسافة بين السطور إذا كان العنوان طويلاً */
    text-align: center;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
  display: none;
}
.s-product-card-content-extra-padding:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0rem !important;
}
.s-count-down-boxed .s-count-down-item {
  background-color: #1f2853 !important;
}
.s-product-card-content-sub {
  justify-content: center !important;
}
.s-product-card-sale-price h4 {
  font-size: x-large;
}
.s-product-card-sale-price span {
  font-size: medium;
}
.s-count-down-dark .s-count-down-item, .s-count-down-dark .s-count-down-item:after {
  color: white;
  font-weight: x-large;
}
.s-count-down-md .s-count-down-item {
  font-size: 2rem;
  font-weight: 700;
}
.s-count-down-item-label {
  color: white;
  opacity: 1;
}
.footer-is-light .store-footer {
  text-align: center;
}
/* إخفاء عنوان البلوك لهذا القسم فقط */
#featured-products-style1-1 .s-block__title {
    display: none !important;
}
/* إضافة حدود حول صور السلايدر المتحرك */
.s-block--photos-slider img {
    border: 1px solid #1f2853 !important; /* سماكة ولون الحدود */
}
/* إزالة المسافة العلوية من قسم المنتجات المميزة */
#featured-products-style1-2 {
    margin-top: 0 !important;
    padding-top: 0 !important; /* لضمان إلغاء أي مسافة داخلية أيضاً */
}
/* إضافة حدود وظل لبطاقات آراء العملاء */
.s-reviews-testimonial {
    border: 1px solid #e2e2e2 !important; /* حدود بلون رمادي فاتح */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; /* ظل خفيف وناعم */
    border-radius: 12px !important; /* حواف دائرية لجمالية الشكل */
    background-color: #ffffff !important; /* خلفية بيضاء لضمان وضوح النص */
    overflow: hidden !important; /* لضمان عدم خروج المحتوى عن الحدود */
}
.store-footer {
  background-color: white;
}
.store-footer__inner {
  background-color: #1f2853;
  text-align: center;
}
/* 1. توسيط عنوان "تواصل معنا" */
.s-contacts-title {
    text-align: center !important;
}

/* 2. توسيط قائمة التواصل (رقم الهاتف) */
.s-contacts-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* توسيط أفقي */
    justify-content: center !important;
    width: 100% !important;
}

/* 3. توسيط أيقونات التواصل الاجتماعي */
.contact-social .s-social-list, 
.s-social-list {
    justify-content: center !important; /* توسيط الأيقونات بجانب بعض */
    display: flex !important;
}

/* 4. ضمان توسيط حاوية التواصل الاجتماعي بالكامل */
.contact-social {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 10px !important; /* مسافة بسيطة بين الهاتف والأيقونات */
}
/* 1. إخفاء النص الأصلي (كلمة RS) */
footer .lg\:col-span-2 > a.flex h3 {
    display: none !important;
}

/* 2. وضع الصورة كخلفية للرابط وتحديد أبعادها */
footer .lg\:col-span-2 > a.flex {
    background-image: url('https://i.ibb.co/hRVvDKmD/image.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; /* توسيط الصورة تماماً */
    background-size: contain !important; /* لضمان ظهور الصورة كاملة داخل الحيز */
    
    /* تحديد أبعاد منطقة الشعار */
    width: 100% !important; /* عرض كامل المساحة المتاحة */
    height: 70px !important;  /* ارتفاع مناسب للشعار (يمكنك زيادته أو نقصانه حسب رغبتك) */
    
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 20px !important; /* إضافة مسافة تحت الشعار */
}