/* كود CSS للتحكم في عرض خانة البحث */

/* استهداف الحاوية التي تحوي خانة البحث */
.header-search {
  /* تعيين عرض ثابت للحاوية، مثلاً 300 بكسل */
  width: 300px;
  /* منع تمدد أو انكماش الحاوية ضمن تخطيط Flex */
  flex: none;
}
/* تغيير لون النص عند الهوفر فقط بدون تغيير الخلفية */
#mobile-menu .main-menu li:hover a {
    color: #3e2269!important; /* اللون الذي تريده عند الهوفر */
}

/* التأكد من أن النص يبقى بلونه الطبيعي عندما لا يكون هناك هوفر */
#mobile-menu .main-menu li a {
    color: #333 !important; /* اللون الأساسي للنص */
}
/* شكل الزر في الوضع الطبيعي */
.s-button-primary-outline {
    background-color: transparent;       /* خلفية شفافة */
    color: #553c7d !important;           /* لون النص */
    border: 2px solid #553c7d !important;/* لون الإطار */
    fill: #553c7d !important;            /* لون الأيقونات إن وجدت */
    transition: all 0.3s ease;           /* حركة انتقالية ناعمة */
}

/* شكل الزر عند التحويم */
.s-button-primary-outline:hover {
    background-color: #553c7d !important;/* خلفية غامقة عند الهوفر */
    color: #ffffff !important;           /* لون النص عند الهوفر */
    fill: #ffffff !important;            /* لون الأيقونات عند الهوفر */
    border-color: #553c7d !important;    /* نفس لون الخلفية */
    opacity: 0.9;
}
/* تغيير لون عنوان المنتج عند التحويم إلى #553c7d */
.s-product-card-content-title a:hover {
    color: #553c7d !important;
}
/* توحيد ارتفاع العنوان داخل بطاقات المنتجات */
.s-product-card-content-title {
    min-height: 3.5rem; /* اضبط القيمة حسب عدد الأسطر المتوقعة */
    display: flex;
    align-items: flex-start;
}

/* منع تمدد النص بشكل غير منتظم */
.s-product-card-content-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    max-height: 2.8rem; /* تقريبا سطرين */
}
/* تغيير لون زر "إضافة ملاحظة" */
button.btn-tab.btn--collapse {
    background-color: #008542 !important;
    color: #ffffff !important;
    border: none !important;
}

button.btn-tab.btn--collapse:hover {
    background-color: #006d36 !important; /* لون أغمق عند التمرير */
}
/* تغيير لون زر "إضافة للسلة" */
button.s-button-primary {
    background-color: #583d81 !important;
    color: #ffffff !important;
    border: none !important;
}

button.s-button-primary:hover {
    background-color: #472f6a !important; /* لون أغمق عند التمرير */
}
/* تغيير لون نجوم التقييم إلى ذهبي */
.s-rating-stars-wrapper svg path {
    fill: #FFD700 !important; /* اللون الذهبي */
}
/* تغيير لون مؤشرات تقييم النجوم إلى اللون البنفسجي الخاص بمراعي الكلا */
.s-reviews-summary-progress .s-progress-bar-progress {
    background-color: #583d81 !important;
}
/* ضبط لون أيقونة القائمة على اللون الرئيسي للثيم */
.sicon-menu.text-primary {
    color: #52397b !important;
}