/* Add custom CSS styles below */ 
/* إعداد الجسم */
body {
    position: relative;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* منع التمرير الأفقي إذا تجاوز العنصر حدود الشاشة */
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: white;
}
.rounded-full {
    border-radius: 0px; 
}
 
/* إعداد العرض الافتراضي للمنتجات */
.s-products-list-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* تصميم شبكي للمنتجات */
    gap: 20px; /* المسافة بين المنتجات */
}

/* تحسين الأبعاد للشاشات الصغيرة (الهاتف) */
@media (max-width: 768px) {
    .s-products-list-wrapper {
        grid-template-columns: 1fr; /* عرض عمودي للمنتجات في صف واحد */
    }
}
.btn-primary-blue:focus, .btn-primary-blue:hover, .btn-primary:focus, .btn-primary:hover {
    background: rgba(33, 69, 112, .8) !important;
    color: #fff !important;
    outline: none !important;
}

/*ايقونة مشاركة المنتج*/

button.s-social-share-btn {
    margin: 0px;
    height: 1.5rem;
    width: 1.5rem;
    color: black;
    background-color: #f2f2f2;
    border-radius: 50%;
    font-size: 18px;
    padding: 10px;
}

/*ggggggggg*/

.s-products-list-wrapper {
    position: relative; /* لجعل العنصر الأب يحتوي على العنصر المحاذي بشكل صحيح */
}

.product-entry .btn--add-to-cart button {
       background-color: #0e9aae;
    color: #ffffff;
}
.s-button-primary-outline:hover {
    background-color: #007570;
    background-color: #ffffff;
    fill: #ff6767;
    fill: var(--color-primary-reverse);
    color: #ffffff;
    color: var(--color-primary-reverse);
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: white;
}
.rounded-full {
    border-radius: 0px; 
}
.store-footer .s-contacts-item {
    padding-bottom: 130px; /* زيادة الفراغ داخل العنصر من الأسفل فقط */
}

.product-entry__title {
    pointer-events: none; /* يعطّل أي تفاعل */
    color: inherit;       /* يعيد اللون إلى الحالة الافتراضية */
    text-decoration: none;
}
 /* .product-entry__title { 
    color:#ffffff;
    text-decoration: none; */
}
.product-entry__title {         
    display: none; /* إخفاء العنصر */
    margin: 0; /* إزالة الفراق الناتج عن الهامش */
    padding: 0; /* إزالة الفراق الناتج عن الحشو */
}

.text-gray-800 {
    font-weight: normal; /* إزالة الـ bold */
}

/* تحسين تواصل معنا */
.store-footer .s-contacts-item {
    margin: 0; /* إزالة الهوامش الخارجية */
    padding: 5px 0; /* تقليل الحشو بين العناصر */
    line-height: 1.5; /* تحسين المسافات بين الأسطر */
}

/* ضبط النص ليكون متناسقًا */
.store-footer .s-contacts-item span,
.store-footer .s-contacts-item a {
    font-size: 16px; /* حجم النص */
    color: #333; /* لون النص */
    display: flex; /* عرض العناصر بشكل متناسق */
    align-items: center; /* محاذاة النص مع الأيقونات */
    gap: 10px; /* مسافة بين النص والأيقونة */
}


/* eng.haneen */
.product-entry__image img {
    background-color: white;
}


.main-nav__inner

 {
    background-color: #0e9aae;
 }
.bg-nav_bg {
  
    background-color: #0e9aae;
}
.max-w-\[272px\] {
    border-radius: 15px;
}


/* جعل كل النصوص والأيقونات باللون الأبيض داخل الهيدر */
header.store-header,
header.store-header * {
  color: #ffffff !important;
}

/* أيقونات الهيدر (بحث – مستخدم – سلة) */
header.store-header i,
header.store-header svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* روابط القوائم */
header.store-header a,
header.store-header a span {
  color: #ffffff !important;
}

/* عداد السلة */
header.store-header .s-cart-summary-count {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* نص السعر داخل السلة */
header.store-header .s-cart-summary-total {
  color: #ffffff !important;
}

/* زر القائمة (الموبايل) */
header.store-header .mburger i {
  color: #ffffff !important;
}

/* زر إغلاق القائمة */
header.store-header .close-menu {
  color: #ffffff !important;
}

/* ===============================
   FOOTER BASE STYLE
   =============================== */

.store-footer {
  background-color: #0e9aae !important;
  border-radius: 28px 28px 0 0;
  margin-top: 40px;
  box-shadow:
    0 -12px 30px rgba(14, 154, 174, 0.35),
    0 -4px 12px rgba(14, 154, 174, 0.25);
  overflow: hidden;
}

/* ===============================
   FORCE INTERNAL BACKGROUND
   =============================== */

.store-footer,
.store-footer__inner,
.store-footer__inner .container,
.store-footer__top-area,
.store-footer__info-bar {
  background-color: #0e9aae !important;
}

.store-footer * {
  background-color: transparent !important;
}

/* ===============================
   TEXT & LINKS
   =============================== */

.store-footer,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer h3,
.store-footer h4 {
  color: #ffffff !important;
}

.store-footer a:hover {
  opacity: 0.85;
}

/* ===============================
   TITLES
   =============================== */

.store-footer .footer-title,
.store-footer .s-contacts-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* ===============================
   ABOUT TEXT
   =============================== */

.store-footer .about-store p {
  max-width: 100% !important;
  line-height: 1.8;
}

/* ===============================
   SOCIAL ICONS
   =============================== */

.s-social-list li a {
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 50%;
  transition: 0.3s ease;
}

.s-social-list li a:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* ===============================
   CONTACT ICONS
   =============================== */

.s-contacts-icon svg {
  fill: #ffffff !important;
  width: 20px;
  height: 20px;
}

/* ===============================
   INFO BAR
   =============================== */

.store-footer__info-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin-top: 1.5rem;
}

/* ===============================
   PAYMENTS ICONS
   =============================== */

.s-payments-list-item img {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* ===============================
   RESPONSIVE
   =============================== */

@media (max-width: 768px) {
  .store-footer {
    border-radius: 22px 22px 0 0;
  }

  .store-footer__top-area {
    text-align: center;
  }

  .s-payments-list {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .store-footer {
    border-radius: 18px 18px 0 0;
  }

  .store-footer p,
  .store-footer a {
    font-size: 0.9rem;
  }

  .footer-title {
    font-size: 1rem;
  }
}

.max-w-\[70px\] {
    border-radius: 15px;
}
.store-footer .col-span-12 a img {
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}