/*
Theme Name: Termeh Shop
Template: storefront
Version: 1.0
*/

/* Termeh Shop Classic Persian Style */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Vazirmatn:wght@300;400;500;600;700&display=swap");

:root {
    --termeh-gold: #c9a961;
    --termeh-gold-light: #e0c78a;
    --termeh-navy: #1a1f2e;
    --termeh-navy-light: #2a3142;
    --termeh-cream: #faf8f3;
    --termeh-cream-dark: #f0ebe0;
    --termeh-burgundy: #6b2d5b;
    --termeh-teal: #2d6e7e;
    --termeh-border: #d4c5a9;
    --termeh-shadow: rgba(26, 31, 46, 0.12);
}

body {
    font-family: "Vazirmatn", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--termeh-cream);
    color: var(--termeh-navy);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", "Vazirmatn", serif;
    color: var(--termeh-navy);
    font-weight: 600;
}

.site-header {
    background: linear-gradient(135deg, var(--termeh-navy) 0%, var(--termeh-navy-light) 100%);
    border-bottom: 3px solid var(--termeh-gold);
}

.site-title {
    color: var(--termeh-gold) !important;
    font-family: "Playfair Display", serif;
}

.site-title a {
    color: var(--termeh-gold) !important;
}

.product {
    border: 1px solid var(--termeh-border);
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s;
    box-shadow: 0 4px 20px var(--termeh-shadow);
    background: #fff;
}

.product:hover {
    transform: translateY(-6px);
    border-color: var(--termeh-gold);
    box-shadow: 0 12px 40px rgba(26, 31, 46, 0.2);
}

.add_to_cart_button {
    background: linear-gradient(135deg, var(--termeh-gold), var(--termeh-gold-light));
    color: var(--termeh-navy) !important;
    border: none;
    font-weight: 600;
    border-radius: 4px;
}

.add_to_cart_button:hover {
    background: linear-gradient(135deg, var(--termeh-navy), var(--termeh-navy-light));
    color: var(--termeh-gold) !important;
}

.site-footer {
    background: var(--termeh-navy);
    color: var(--termeh-cream);
    border-top: 4px solid var(--termeh-gold);
}

.widget-title {
    font-family: "Playfair Display", serif;
    color: var(--termeh-navy);
    border-bottom: 2px solid var(--termeh-gold);
}

.woocommerce-loop-product__title {
    font-family: "Playfair Display", "Vazirmatn", serif;
    font-size: 1.2rem;
    color: var(--termeh-navy);
}

.price {
    color: var(--termeh-burgundy);
    font-weight: 700;
}