/**
 * Soy Yapıştır - Custom Theme Colors
 * White Label Version
 */

:root {
    /* Ana Renkler - Turuncu/Sarı Tema */
    --primary-color: #FF6B35;
    /* Canlı turuncu */
    --primary-dark: #E85A2A;
    /* Koyu turuncu */
    --primary-light: #FF8C61;
    /* Açık turuncu */

    --secondary-color: #FFA500;
    /* Altın sarısı */
    --secondary-dark: #FF8C00;
    /* Koyu altın */
    --secondary-light: #FFB732;
    /* Açık altın */

    /* Vurgu Renkleri */
    --accent-color: #FF4500;
    /* Kırmızı-turuncu */
    --accent-hover: #FF6347;
    /* Domates kırmızısı */

    /* Nötr Renkler */
    --text-dark: #2C3E50;
    --text-light: #7F8C8D;
    --bg-light: #FFF8F0;
    /* Krem beyaz */
    --bg-white: #FFFFFF;
    --border-color: #FFD4B8;
    /* Açık turuncu border */

    /* Başarı/Hata */
    --success-color: #27AE60;
    --error-color: #E74C3C;
    --warning-color: #F39C12;
}

/* Primary Button Override */
.btn-primary,
.whatsapp-btn,
.add-to-cart-btn {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover,
.whatsapp-btn:hover,
.add-to-cart-btn:hover {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-dark) 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4) !important;
}

/* Header Override */
.header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}

/* Campaign Banner Override */
.campaign-banner {
    background: linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%) !important;
}

/* Discount Badge Override */
.discount-badge,
.badge-discount {
    background: linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%) !important;
}

/* Price Color Override */
.price,
.product-price,
.size-price {
    color: var(--primary-color) !important;
}

/* Link Hover Override */
a:hover {
    color: var(--primary-color) !important;
}

/* Category Card Hover */
.category-card:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.2) !important;
}

/* Product Card Hover */
.product-card:hover {
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.15) !important;
}

/* Footer Override */
.footer {
    background: linear-gradient(135deg, #2C3E50 0%, #34495E 100%) !important;
}

/* WhatsApp Button Override */
.whatsapp-float,
.whatsapp-popup-btn {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}

/* Hero Section Accent */
.hero-section {
    background: linear-gradient(135deg, var(--bg-light) 0%, #FFFFFF 100%) !important;
}

/* Input Focus Override */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1) !important;
}

/* Checkbox/Radio Override */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}