/* تغيير خلفية المتجر ولون النص الأساسي */
body {
    background-color: #000000 !important;
    color: #D4AF37 !important; /* لون ذهبي كلاسيكي */
}

/* الأزرار: خلفية سوداء بحدود وكتابة ذهبية */
button, .btn, .button, input[type="submit"] {
    background-color: #000000 !important;
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
    transition: 0.3s ease-in-out;
}

/* تأثير عند تمرير الماوس على الأزرار (عكس الألوان) */
button:hover, .btn:hover, .button:hover {
    background-color: #D4AF37 !important;
    color: #000000 !important;
}

/* الروابط والقوائم */
a, .nav-link, .menu-item {
    color: #D4AF37 !important;
    text-decoration: none;
}

/* تغيير ألوان العناوين */
h1, h2, h3, h4, h5, h6 {
    color: #D4AF37 !important;
}

/* البطاقات (المنتجات) - خلفية سوداء داكنة مع حدود ذهبية */
.product-card, .card {
    background-color: #111111 !important;
    border: 1px solid #D4AF37 !important;
}

/* تذييل الصفحة (Footer) */
footer {
    background-color: #000000 !important;
    border-top: 2px solid #D4AF37 !important;
}
/* تحسين جودة عرض الصور ومنع التشويش */
img {
    image-rendering: -webkit-optimize-contrast; /* تحسين التباين في متصفحات كرووم وسفاري */
    image-rendering: crisp-edges;               /* الحفاظ على حواف الصورة حادة */
    -ms-interpolation-mode: nearest-neighbor;    /* تحسين الصور في متصفحات قديمة */
    backface-visibility: hidden;               /* تقليل الارتجاج عند التمرير */
}

/* إبراز شعار المتجر بشكل خاص */
.logo, .site-logo, img[alt*="logo"] {
    filter: contrast(110%) brightness(105%);    /* زيادة التباين والسطوع للشعار */
    max-width: 100%;
    height: auto;
    will-change: transform;                    /* تسريع المعالجة الرسومية للشعار */
}
/* إضافة لمعان ذهبي للشعار عند مرور الماوس */
.logo:hover, .site-logo:hover {
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.6));
    transform: scale(1.02);
    transition: all 0.4s ease;
}

/* تأثير "الزجاج" أو الفخامة على صور المنتجات */
.product-image-wrapper img {
    border-radius: 8px; /* زوايا ناعمة احترافية */
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* تأثير الزووم الهادئ عند التمرير على المنتج */
.product-card:hover img {
    transform: scale(1.08);
    filter: brightness(110%);
}

/* إطار ذهبي رفيع جداً يظهر حول الصورة عند التفاعل */
.product-card {
    border: 1px solid transparent;
    transition: border 0.3s ease;
}

.product-card:hover {
    border: 1px solid #D4AF37;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}