/* Add custom CSS styles below */ 
/* استيراد خط تجوال ليعطي طابعاً عربياً حديثاً */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

:root {
    --main-color: #5D4B76; /* بنفسجي غامق */
    --accent-color: #D4B06A; /* ذهبي رملي */
    --hover-color: #4a3b5e; /* درجة أغمق للتحويم */
}

/* تطبيق الخط على كامل المتجر */
body, button, input, select, textarea {
    font-family: 'Tajawal', sans-serif !important;
}

/* تحسين بطاقات المنتجات - زوايا علوية مقوسة وإطار سفلي ملون */
.product-card {
    border: none !important;
    border-radius: 15px 15px 5px 5px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
    border-bottom: 3px solid var(--main-color);
    overflow: hidden;
}

.product-card:hover {
    transform: translateY(-5px);
}

/* تنسيق الأزرار الرئيسية (إضافة للسلة وغيرها) */
.btn-primary, .add-to-cart-btn {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    color: #fff !important;
    border-radius: 25px !important;
    transition: all 0.3s ease-in-out;
}

.btn-primary:hover, .add-to-cart-btn:hover {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #fff !important;
    transform: scale(1.02);
}



/* تحسين عناوين الأقسام */
.section-title {
    color: var(--main-color);
    position: relative;
    display: inline-block;
}

.section-title:after {
    content: '';
    display: block;
    width: 50%;
    height: 3px;
    background: var(--accent-color);
    margin: 5px auto 0;
    border-radius: 2px;
}