/**
 * DEEP TEMA — Tasarım Token'ları & Tutarlılık Düzeltme Katmanı
 * =============================================================
 * Yüklenme sırası: EN SON (awa-ard-footer.css sonrası) — cascade'i kazanır.
 *
 * Amaç (Faz 1):
 *  1) Tek kaynak renk/spacing/radius token'ları (SSOT)
 *  2) Dağınık kırmızı/mavi tonlarını tek "accent"e indirmek
 *  3) Tutarlı köşe yuvarlaklığı (radius) — kart/buton/input
 *  4) Mobilde "uygulama" hissi: gri tuval + beyaz kartlar, daha dar yan boşluk
 *  5) Tipografi hiyerarşisi: başlıkların font-weight:400 ezilmesini geri almak
 *
 * NOT: style.css'e DOKUNULMADI. Her şey geri alınabilir (bu dosyayı silmek yeter).
 */

/* ============================================================
   1. TASARIM TOKEN'LARI
   style.css'in :root'undan SONRA yüklendiği için bozuk
   --bs-* eşlemelerini de burada düzeltiyoruz.
   ============================================================ */
:root {
    /* Marka / accent — tek kırmızı */
    --awa-accent: #c32929;
    --awa-accent-hover: #a51f1f;
    --awa-accent-active: #8c1a1a;
    --awa-accent-soft: #fdecec;       /* açık zemin tonu */
    --awa-on-accent: #ffffff;

    /* Metin & nötrler */
    --awa-text: #1a1a1a;
    --awa-text-muted: #6b7280;
    --awa-text-subtle: #9ca3af;
    --awa-hairline: #e9ebef;          /* ince ayraç çizgisi */
    --awa-surface: #ffffff;           /* kart yüzeyi */
    --awa-canvas: #f5f6f8;            /* uygulama arka plan tuvali */

    /* Anlamsal renkler (accent'ten ayrı) */
    --awa-success: #15a34a;
    --awa-danger: #dc2626;
    --awa-warning: #d97706;
    --awa-info: #2563eb;

    /* Köşe yuvarlaklığı ölçeği */
    --awa-radius-sm: 8px;
    --awa-radius-md: 12px;
    --awa-radius-lg: 16px;
    --awa-radius-pill: 999px;

    /* Boşluk ölçeği */
    --awa-space-1: 4px;
    --awa-space-2: 8px;
    --awa-space-3: 12px;
    --awa-space-4: 16px;
    --awa-space-5: 24px;
    --awa-space-6: 32px;

    /* Mobil yatay gutter (kenar boşluğu) */
    --awa-gutter: 14px;

    /* Gölge dili */
    --awa-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --awa-shadow-md: 0 4px 16px rgba(16, 24, 40, 0.08);
    --awa-shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.12);

    /* Bozuk Bootstrap eşlemelerini düzelt (style.css'i ezer) */
    --bs-primary: #1a1a1a;
    --bs-red: var(--awa-accent);
    --bs-danger: var(--awa-danger);
    --bs-success: var(--awa-success);
    --bs-warning: var(--awa-warning);
    --bs-info: var(--awa-info);
    --bs-green: var(--awa-success);   /* eskiden #dc3545 (yeşil=kırmızı) idi */
    --bs-teal: var(--awa-success);
}

/* ============================================================
   2. ACCENT BİRLİĞİ — dağınık kırmızı/mavi tonları accent'e çek
   (Hata/danger durumlarına dokunmayız; sadece marka öğeleri.)
   ============================================================ */
.btn-primary,
.btn-danger.add-to-cart,
.add-to-cart-btn,
.btn-add-to-cart {
    background-color: var(--awa-accent) !important;
    border-color: var(--awa-accent) !important;
    color: var(--awa-on-accent) !important;
}
.btn-primary:hover,
.add-to-cart-btn:hover,
.btn-add-to-cart:hover {
    background-color: var(--awa-accent-hover) !important;
    border-color: var(--awa-accent-hover) !important;
}
.btn-primary:active,
.add-to-cart-btn:active,
.btn-add-to-cart:active {
    background-color: var(--awa-accent-active) !important;
    border-color: var(--awa-accent-active) !important;
}

.btn-outline-primary {
    color: var(--awa-accent) !important;
    border-color: var(--awa-accent) !important;
}
.btn-outline-primary:hover {
    background-color: var(--awa-accent) !important;
    color: var(--awa-on-accent) !important;
}

/* Linkler / accent metin (mavi #007bff kalıntılarını sabitle) */
a.text-primary,
.text-primary,
.link-primary {
    color: var(--awa-accent) !important;
}

/* Fiyat / indirim accent'i tutarlı */
.product-price .price,
.price-new,
.current-price,
.sale-price {
    color: var(--awa-text) !important;
}
.discount-badge,
.badge-discount,
.sale-badge {
    background-color: var(--awa-accent) !important;
    color: var(--awa-on-accent) !important;
}

/* Form focus rengi accent (mavi outline yerine) */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus {
    border-color: var(--awa-accent) !important;
    box-shadow: 0 0 0 3px var(--awa-accent-soft) !important;
}

/* ============================================================
   3. TUTARLI KÖŞE YUVARLAKLIĞI (RADIUS)
   ============================================================ */
.btn,
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea {
    border-radius: var(--awa-radius-sm) !important;
}

.card,
.product-card,
.product-item,
.product-card-inner,
.new-product-card {
    border-radius: var(--awa-radius-md) !important;
    overflow: hidden;
}

.modal-content,
.address-modal,
.checkout-modal {
    border-radius: var(--awa-radius-lg) !important;
}

.badge,
.chip,
.tag,
.pill {
    border-radius: var(--awa-radius-pill) !important;
}

/* ============================================================
   4. TİPOGRAFİ HİYERARŞİSİ
   style.css her şeye font-weight:400 zorluyordu → başlıkları geri ver
   ============================================================ */
h1, .h1 { font-weight: 700 !important; }
h2, .h2,
h3, .h3 { font-weight: 600 !important; }
h4, .h4,
h5, .h5,
h6, .h6,
.section-title,
.card-title,
.product-name,
.product-title { font-weight: 600 !important; }

.btn { font-weight: 600 !important; }
strong, b { font-weight: 700 !important; }

/* ============================================================
   5. "UYGULAMA" HİSSİ — MOBİL
   Gri tuval + beyaz kart his, daha dar ve TUTARLI yan boşluk
   ============================================================ */
@media (max-width: 991.98px) {
    /* Uygulama tuvali */
    body.home-minimal {
        background-color: var(--awa-canvas) !important;
    }

    /* Tutarlı yatay gutter — yer yer 1.75rem (28px) olan boşlukları sadeleştir.
       SADECE içerik alanı; alt navigasyon/footer container'larına dokunmaz. */
    body.home-minimal #main-content .container,
    body.home-minimal #main-content .container-fluid {
        padding-left: var(--awa-gutter) !important;
        padding-right: var(--awa-gutter) !important;
    }

    /* İçerik bölümleri beyaz "panel" gibi otursun (tuval üstünde) */
    body.home-minimal .hp-homepage-section {
        background-clip: padding-box;
    }

    /* Kartlar tuval üstünde net dursun */
    body.home-minimal .product-card,
    body.home-minimal .product-item,
    body.home-minimal .card {
        background-color: var(--awa-surface) !important;
        box-shadow: var(--awa-shadow-sm);
        border-color: var(--awa-hairline) !important;
    }

    /* Bölüm başlıkları biraz daha kompakt — app ritmi */
    body.home-minimal .hp-homepage-section {
        margin-bottom: var(--awa-space-4) !important;
    }
}

/* Küçük ekran: gutter biraz daha dar */
@media (max-width: 480px) {
    :root { --awa-gutter: 12px; }
}

/* ============================================================
   6. DESKTOP — fazla yan boşluğu azalt (geniş ekranda dar container hissi)
   1140px → 1280px (yalnızca büyük ekranlarda)
   ============================================================ */
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1280px !important;
    }
}