/* Theme Name: Gheras Royal Honey
   Description: Custom CSS for EasyOrders Store
   Colors: Petrol (#0f3d3e) | Gold (#FFC107 - #FF9800)
*/

/* 1. استدعاء الخط العربي (تجوّل) */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

:root {
    --gheras-green: #0f3d3e;
    --gheras-gold: #FFC107;
    --gheras-gold-dark: #FF9800;
    --gheras-bg: #fdfbf7; /* لون كريمي فاتح جداً */
}

/* 2. الإعدادات العامة للجسم */
body {
    font-family: 'Tajawal', sans-serif !important;
    background-color: var(--gheras-bg) !important;
    color: var(--gheras-green) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--gheras-green) !important;
    font-weight: 800 !important;
}

/* 3. تحسين شكل كروت المنتجات (Product Cards) */
.product-card, .product-item { /* تأكد من الكلاس حسب القالب */
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 16px !important; /* زوايا دائرية */
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
}

/* تأثير عند مرور الماوس على المنتج */
.product-card:hover, .product-item:hover {
    transform: translateY(-5px); /* يرتفع المنتج قليلاً */
    box-shadow: 0 10px 25px rgba(15, 61, 62, 0.1); /* ظل بترولي خفيف */
    border-color: var(--gheras-gold); /* حدود ذهبية تظهر */
}

/* 4. أزرار الشراء والإضافة للسلة */
.btn-primary, .add-to-cart-btn, button[type="submit"] {
    background: linear-gradient(45deg, var(--gheras-gold), var(--gheras-gold-dark)) !important;
    color: var(--gheras-green) !important;
    border: none !important;
    border-radius: 50px !important; /* أزرار بيضاوية */
    font-weight: bold !important;
    padding: 10px 25px !important;
    box-shadow: 0 4px 10px rgba(255, 152, 0, 0.2);
    transition: all 0.3s ease;
}

.btn-primary:hover, .add-to-cart-btn:hover {
    background: linear-gradient(45deg, var(--gheras-gold-dark), var(--gheras-gold)) !important;
    transform: scale(1.02);
    box-shadow: 0 6px 15px rgba(255, 152, 0, 0.3);
}

/* 5. تحسين الهيدر (القائمة العلوية) */
header, .navbar {
    background-color: #fff !important; /* خلفية بيضاء نظيفة */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    border-bottom: 3px solid var(--gheras-green) !important; /* خط بترولي أسفل الهيدر */
}

.nav-link, .menu-item a {
    color: var(--gheras-green) !important;
    font-weight: 600;
}

/* 6. تحسين حقول الإدخال (Search & Inputs) */
input[type="text"], input[type="email"], select, textarea {
    border-radius: 10px !important;
    border: 1px solid #ddd !important;
    padding: 10px 15px !important;
}

input:focus {
    border-color: var(--gheras-green) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(15, 61, 62, 0.1);
}

/* 7. أيقونة السلة */
.cart-icon, .fa-shopping-cart {
    color: var(--gheras-gold-dark) !important;
}