/* =================== CSS فاخر مع خط جديد =================== */

/* استيراد الخطوط */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Scheherazade+New:wght@700;900&display=swap');

/* الخلفية العامة */
body, html {
    background-color: #f7f4ef; /* بيج فاخر */
    color: #2b2b2b;
    font-family: 'Amiri', serif; /* نصوص عربية فخمة */
}

/* العناوين */
h1, h2, h3, .section-title {
    font-family: 'Scheherazade New', serif; /* خط فاخر جدا للعناوين */
    color: #7a5c2e;
    font-weight: 900;
    letter-spacing: 0.5px;
}

.section-title::after {
    content: "";
    display: block;
    width: 55px;
    height: 3px;
    background: linear-gradient(90deg, #7a5c2e, #c9a45c);
    margin-top: 8px;
    border-radius: 2px;
}

/* الهيدر */
header, .navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e6dcc8;
}

/* الأزرار */
.s-button, button, .btn {
    background: linear-gradient(135deg, #7a5c2e, #c9a45c);
    color: #fff !important;
    font-weight: 700;
    border-radius: 8px !important;
    border: none;
    font-family: 'Scheherazade New', serif;
    transition: all 0.3s ease;
}

.s-button:hover, button:hover, .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(122,92,46,0.35);
}

/* كروت المنتجات */
.s-product-card, .product-card {
    background-color: #ffffff;
    border-radius: 18px;
    border: 1px solid #e6dcc8;
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    transition: all 0.35s ease;
    font-family: 'Amiri', serif; /* نصوص عربية فخمة داخل الكروت */
}

.s-product-card:hover, .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(122,92,46,0.18);
}

/* صور المنتجات */
.s-product-card img {
    border-radius: 14px;
    background-color: #f7f4ef;
}

/* الأسعار */
.price, .s-price {
    color: #9b7a3c;
    font-weight: 900;
    letter-spacing: 0.3px;
}

/* الشارات */
.badge, .product-badge {
    background-color: #c9a45c;
    color: #fff;
    border-radius: 20px;
    font-weight: 700;
}

/* الأقسام */
section {
    margin-bottom: 80px;
}

/* الفوتر */
footer {
    background-color: #f1ece4;
    border-top: 1px solid #e6dcc8;
    font-family: 'Amiri', serif;
}

footer a {
    color: #7a5c2e;
}

footer a:hover {
    color: #000;
}

/* الجوال */
@media (max-width: 768px) {
    h1, h2 { font-size: 20px; }
    section { margin-bottom: 50px; }
}