/**
 * WHITE-LABEL TEMA CSS
 * Bu dosyadaki :root değişkenlerini değiştirerek
 * bayiye özel renk teması oluşturabilirsiniz.
 *
 * Yeni bayi açılırken sadece şu bloğu değiştirin:
 *   --primary-color, --secondary-color, --accent-color
 * Tüm renkler otomatik değişir.
 */

/* ===== Kardeş Site Banner ===== */
.sister-site-banner {
    background: linear-gradient(90deg, #1a1a2e 0%, #16213e 100%);
    color: #e0e0e0;
    padding: 8px 0;
    font-size: 13px;
    text-align: center;
    position: relative;
    z-index: 1001;
}
.sister-banner-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.sister-site-banner a {
    color: #FFD700;
    font-weight: 700;
    text-decoration: underline;
}
.sister-site-banner a:hover {
    color: #FFA500;
}
.sister-site-banner .fa-paint-roller {
    color: #FFD700;
    margin-right: 6px;
}
.sister-banner-close {
    background: none;
    border: none;
    color: #aaa;
    cursor: pointer;
    font-size: 14px;
    padding: 2px 6px;
    margin-left: 10px;
    transition: color 0.2s;
}
.sister-banner-close:hover { color: #fff; }

/* ===== Logo Metin Stili ===== */
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.logo-icon {
    font-size: 28px;
    color: var(--primary-color);
}
.logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.logo-brand {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    letter-spacing: -0.3px;
}
.logo-tagline {
    font-size: 11px;
    color: var(--text-light);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== Footer Kardeş Site Notu ===== */
.footer-sister-note {
    margin-top: 15px;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}
.footer-sister-note a {
    color: #FFD700;
    font-weight: 600;
}
.footer-sister-note a:hover { color: #FFA500; }



: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;
}