/* ✅ تغيير الخلفية العامة للمتجر */

body {
  /*  background: linear-gradient(to bottom, #fdf7f0, #e8d8d8) !important;  تدرج بيج هادئ */
}
/* ✅ تغيير لون خلفية الفوتر */
.footer {
    background: linear-gradient(to bottom, #C5A88A, #A48C74) !important; /* درجات بني متوسط */
    color: #4A3223 !important; /* بني غامق للنصوص */
    padding: 40px 20px;
    text-align: center;
}

/* ✅ تغيير لون النصوص داخل الفوتر */
.footer p, .footer-contact {
    color: #4A3223 !important; /* بني غامق */
    font-size: 14px;
}

/* ✅ تغيير لون الروابط داخل الفوتر */
.footer a {
    color: #D4A373 !important; /* لون ذهبي ناعم */
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.footer a:hover {
    color: #FFC107 !important; /* لون ذهبي أكثر إشراقًا عند التمرير */
    text-decoration: underline;
}

/* ✅ تغيير لون أيقونات وسائل التواصل الاجتماعي */
.footer .social-icons a {
    font-size: 18px;
    margin: 0 10px;
    color: #D4A373 !important; /* لون ذهبي هادئ */
    transition: color 0.3s ease-in-out;
}

.footer .social-icons a:hover {
    color: #E3CBA8 !important; /* لون كريمي عند التمرير */
}

/* ✅ تغيير لون عناوين الفوتر */
.footer h3 {
    color: #4A3223 !important; /* بني غامق */
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

/* ✅ تغيير لون المعلومات النصية أسفل الفوتر */
.footer-contact {
    color: #4A3223 !important;
    font-size: 14px;
    font-weight: bold;
}

/* ✅ تغيير لون أزرار الدفع */
.footer .payment-icons img {
    filter: brightness(90%); /* تقليل سطوع الأيقونات لتنسجم مع التصميم */
}


/* ✅ تحسين بطاقات المنتجات */
.product-card {
    background: #fffaf0 !important; 
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    padding: 15px;
}

/* ✅ تحسين لون خلفية بطاقة المنتج */
.product-card {
    background: #fffaf0 !important; /* اللون البيج الفاتح */
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    padding: 15px;
}

/* ✅ تحسين ظل البطاقة عند تمرير الماوس */
.product-card:hover {
    transform: scale(1.03);
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.2);
}

/* ✅ تحسين عنوان المنتج */
.product-card h2 {
    font-size: 18px;
    font-weight: bold;
    color: #4A3F35;
    text-align: center;
    margin-bottom: 8px;
}

/* ✅ تحسين الأسعار */
.product-card-content-meta-pricing-current {
    color: #E43F3F !important;
    font-weight: bold !important;
}

.product-card-content-meta-pricing-before {
    color: #888 !important;
    text-decoration: line-through;
}


/* ✅ تحسين أيقونة "وفر" */
.product-card-content-meta-pricing-current-discounted-meta-value {
    color:#5ca87e !important;
    font-weight: bold !important;
    background-color: #cda879 !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    display: inline-block !important;
}

.product-page, 
.product-page .container, 
.product-page .section {
    background: #F5EBE1 !important;
}


/* ✅ تحسين زر "إضافة للسلة" */
button.add-to-cart {
    background-color: #D4A373 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border-radius: 8px;
    padding: 12px 15px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* ✅ إضافة أيقونة السلة داخل الزر */
button.add-to-cart::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}

/* ✅ تأثير الزر عند الضغط */
button.add-to-cart:active {
    transform: scale(0.95);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

/* ✅ تأثير عند تمرير الماوس */
button.add-to-cart:hover {
    background-color: #B88650 !important;
    animation: pulse 0.4s infinite alternate;
}

@keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(1.05); }
}

/* تغيير لون زر "إضافة للسلة" */
button.add-to-cart {
    background-color: #D4A373 !important;  /* لون ذهبي */
    color: #FFFFFF !important;
    font-weight: bold !important;
    border-radius: 8px;
    padding: 12px 15px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* تأثير عند تمرير الماوس */
button.add-to-cart:hover {
    background-color: #B88650 !important;  /* لون ذهبي داكن */
    animation: pulse 0.4s infinite alternate;
}

/* تأثير عند الضغط */
button.add-to-cart:active {
    transform: scale(0.95);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
}

@keyframes pulse {
    from { transform: scale(1); }
    to { transform: scale(1.05); }
}

/* ✅ تحسين وصف المنتج */
.product-description {
    background-color: #F5F0E1 !important;
    color: #4A3F35 !important;
    padding: 15px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    text-align: right;
}
strong {
    color: #7E5434 !important;
}
.product__description span {
    color: #7E5434 !important; /* Light brown color */
}

/* ✅ تحسين زر "قراءة المزيد" */
.read-more {
    background-color: #D4A373 !important;
    color: #FFFFFF !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.read-more:hover {
    background-color: #B88650 !important;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

/* ✅ تحسين لون عنوان المنتج */
.product-title {
    color: #5C3D2E !important; /* بني غامق */
    font-weight: bold;
    font-size: 24px;
}

/* ✅ تحسين لون النص لوصف المنتج */
.product-description {
    color: #7E5434 !important; /* بني موحد */
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    text-align: right;
    background-color: #F5EBE1 !important; /* بيج فاتح كما حددناه */
    padding: 15px;
    border-radius: 8px;
}

/* ✅ تحسين لون صندوق المواصفات */
.product-specifications {
    background-color: #F5EBE1 !important; /* توحيد الخلفية */
    color: #7E5434 !important; /* بني موحد */
    font-size: 15px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #C9A66B; /* إطار ذهبي ناعم */


}

/* ✅ تحسين تنسيق العناوين الفرعية داخل صفحة المنتج */
.product-details h3, .product-features h3 {
    color: red !important; /* بني موحد */
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #C9A66B; /* خط فاصل ذهبي */
    padding-bottom: 5px;
    margin-bottom: 10px;

}
h4.total-price.font-bold.text-xl.inline-block {
    color: red;
}


/* ✅ تحسين قائمة الميزات */
.product-features li {
    color: #6B4F3D !important; /* بني متوسط موحد */
    font-size: 16px;
    margin-bottom: 6px;
    list-style-type: "✔️"; /* رمز تحديد */
    padding-left: 10px;
}

/* ✅ تحسين صندوق التنبيهات والتنبيهات الحمراء */
.product-warning {
    background-color: #8B3A3A !important; /* أحمر غامق */
    color: #FCEDEB !important; /* نص بيج */
    padding: 12px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.product-page footer {
    background: #D2AA8C !important; /* نفس لون الصفحة الرئيسية */
    color: #4A3223 !important; /* لون النصوص لضمان الوضوح */
}

/* ✅ تحسين زر الشراء */
.buy-button {
    background-color: #C9A66B !important; /* لون ذهبي */
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.buy-button:hover {
    background-color: #B88650 !important; /* لون ذهبي داكن */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}