span, h4,p {
  font-size: 1.0rem; /* أو استخدم النسبة التي ترغب فيها */
}
.main-menu li a:hover {
    color: #A12B2F; /* لون النص عند التمرير */
    text-decoration: none; /* لمنع وجود خط تحت النص (اختياري) */
}


/*************  صفحة المنتج ***********/

.s-breadcrumb-item a:hover {
    color: #A12B2F; /* اختر اللون الذي تريده هنا */
    text-decoration: underline; /* لإضافة خط تحت الرابط عند التمرير، يمكنك إزالة هذه الخاصية إذا لم تكن ترغب بها */
}

.article--main p {
  font-size: 1.2rem; 
}

.article--main ul {
  font-size: 1.15rem; 
}

.article--main ul li {
  font-size: 1.1rem; 
}

/*  ازرار المنتج */
.s-button-element:hover {
    transform: scale(1.05); /* تكبير الزر قليلاً */
    transition: all 0.3s ease; /* جعل التغيير سلساً */
}

.s-button-element {
    transition: all 0.3s ease; /* إضافة انتقال سلس للتأثيرات */
    
}

.s-add-product-button-mini-checkout:hover {
    transform: scale(1.05); /* تكبير الزر قليلاً */
    transition: all 0.3s ease; /* تأثير سلس */
}

.s-add-product-button-mini-checkout {
    transition: all 0.3s ease; /* انتقال سلس */
}

.flex {
    margin-top: 0.5rem; /* استبدل 20px بالقيمة التي تناسبك */
}

  .flex h4 {
    color: #A12B2F;
    font-weight: bold;
    font-size: 1.2rem;
  }

  .flex h2 {
    color: #A12B2F;
    font-weight: bold;
    font-size: 1.5rem;
  }

/* تغيير لون فتات الخبز" */

nav.breadcrumbs {
    background-color: #f4f4f4; /* اختر لون الخلفية الذي تريده */
    color: #333; /* اختر لون النص */
    border-radius: 5px; /* أضف زوايا مستديرة إذا كنت تريد */
}
.s-breadcrumb-wrapper .s-breadcrumb-item:last-child {
    color: #A12B2F;
    font-weight: bold;
}

/* زر المفضلة والمشاركة */
.main-content {
    display: flex;
    flex-direction: column;
}

.flex.rtl\:space-x-reverse.space-x-3 {
    order: -1; /* يجعل الأزرار تظهر في الأعلى */
}

/* ترتيب المنتج */
/* إضافة مسافة أعلى الفقرات داخل الوصف */
.product__description p {
    margin-top: 1rem; /* إضافة مسافة أعلى الفقرة */
}

/* ترتيب وتصميم العنوان الرئيسي */
h1.text-xl.md\:text-2xl {
    margin-bottom: 0.2rem; /* تقليل المسافة بين العنوان والعنوان الفرعي */
    font-size: 1.5rem; /* حجم مناسب للعنوان */
    font-weight: bold;
}

/* ترتيب وتصميم العنوان الفرعي */
h2.product-entry__sub-title {
    margin-bottom: 1.0rem; /* مسافة صغيرة بين العنوان الفرعي والسعر */
    font-size: 1rem; /* حجم النص للعنوان الفرعي */
    color: #666; /* لون رمادي للنص */
}

/* تصميم السعر */
.flex.whitespace-nowrap.gap-4.items-center {
    margin-bottom: 0.5rem; /* مسافة صغيرة بين السعر والنص التالي */
    margin-top: 0.5rem; /* مسافة صغيرة بين السعر والنص التالي */

}

/* تصميم النص "السعر شامل الضريبة" */
.small.color-grey {
    margin-top: -0.2rem; /* تقليل المسافة بين النص والسعر */
    font-size: 0.9rem; /* حجم النص أصغر قليلاً */
    color: #888; /* لون رمادي خافت */
}

.s-button-element.s-button-solid.s-button-primary .s-button-text {
    color: #ffffff; /* يجعل النص أبيض */
}


/********  footer    ******/

/* ضبط الشبكة لتكون 4 أعمدة */
.store-footer__inner .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* تقسيم الشبكة إلى 4 أعمدة متساوية */
    gap: 20px; /* إضافة فراغ بين الأعمدة */
}

/* العمود الأول: المحتوى الرئيسي (خيرزاد والوصف) */
.store-footer__inner .lg\\:col-span-2.rtl\\:lg\\:pl-20 {
    grid-column: 1;
}

/* العمود الثاني: روابط مهمة */
.store-footer__inner salla-menu {
    grid-column: 2;
}

/* العمود الثالث: تواصل معنا */
.store-footer__inner salla-contacts {
    grid-column: 3;
}

/* العمود الرابع: الرقم الضريبي */
.store-footer__inner .flex {
    grid-column: 4;
    text-align: center; /* توسيط النص داخل العمود */
}

/* عند الشاشات المتوسطة (أجهزة التابلت) */
@media (max-width: 768px) {
    .store-footer__inner .grid {
        grid-template-columns: repeat(2, 1fr); /* تقسيم الأعمدة إلى 2 */
        gap: 15px; /* تقليل المسافة بين الأعمدة */
    }

    /* دمج الرقم الضريبي مع تواصل معنا */
    .store-footer__inner .flex {
        grid-column: span 2; /* يمتد على عمودين */
    }

    /* تواصل معنا وروابط مهمة بجانب بعض */
    .store-footer__inner salla-contacts {
        grid-column: 1; /* تواصل معنا في العمود الأول */
    }

    .store-footer__inner salla-menu {
        grid-column: 2; /* روابط مهمة في العمود الثاني */
    }
}

/* عند الشاشات الصغيرة (هواتف المحمول) */
@media (max-width: 480px) {
    .store-footer__inner .grid {
        grid-template-columns: 1fr; /* عمود واحد */
        gap: 10px; /* مسافة أقل بين العناصر */
    }

    /* كل العناصر تأخذ كامل العرض */
    .store-footer__inner .lg\\:col-span-2.rtl\\:lg\\:pl-20,
    .store-footer__inner salla-menu,
    .store-footer__inner salla-contacts,
    .store-footer__inner .flex {
        grid-column: span 1; /* كل عنصر في صف مستقل */
        text-align: center; /* توسيط النصوص */
    }
}

/* تغيير لون النص داخل الفوتر إلى الأبيض */
.copyright-text p {
    color: #ffffff !important; /* جعل النص باللون الأبيض */
}