/*
Theme Name: Tazedal Child - Neuromarketing
Template: astra
Version: 1.1
Author: Full Stack Developer Persona
Description: Neuromarketing and UI/UX optimized child theme for Tazedal.
*/

/* 1. Font Import (Google Fonts: Poppins) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* TOP BAR DESIGN (MARQUEE TAG - FALLBACK) */
.tazedal-top-bar-container {
    background: #214001;
    /* Kurumsal Renk */
    /* background: linear-gradient(90deg, #27ae60 0%, #219150 100%); REMOVED */
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 0.9rem;
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    border-bottom: 2px solid #2ecc71;
    line-height: 1.5;
}

/* Marquee etiketi stilleri */
marquee {
    display: flex;
    /* İçerikleri hizalamak için */
    align-items: center;
    width: 100%;
}

.top-bar-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    margin: 0 15px;
    /* Marquee içinde boşluk */
}

.top-bar-item strong {
    font-weight: 700;
    color: #f1c40f;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.top-bar-divider {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    margin: 0 5px;
}

/* ============================================
   PRODUCT PAGE MOBILE OPTIMIZATION - v4 Unified
   ============================================ */
@media (max-width: 768px) {

    /* ★ Tüm ürünler: form.cart tamamen sticky bar ★ */
    .woocommerce div.product form.cart {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff !important;
        padding: 10px 15px !important;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1) !important;
        z-index: 99999 !important;
        border-top: 1px solid #e0e0e0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    /* Sayfanın altına boşluk bırak */
    .woocommerce div.product {
        padding-bottom: 140px !important;
    }

    /* --- VARYASYON SEÇİCİLERİ (Ultra Kompakt & Ferah) --- */

    /* VARYASYONLU ÜRÜNLER İÇİN Form Düzeni (Column) */
    .woocommerce div.product form.cart.variations_form {
        flex-direction: column !important;
        align-items: stretch !important;
        /* Tam genişlik */
    }

    .woocommerce div.product form.cart .variations {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        /* Biraz boşluk bırak */
        border-bottom: none !important;
        /* Çizgiyi kaldır */
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* Ortala */
    }

    /* ... tablo yapısı kuralları aynı ... */
    .woocommerce div.product form.cart .variations tbody,
    .woocommerce div.product form.cart .variations tr,
    .woocommerce div.product form.cart .variations td.value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        justify-content: center !important;
        /* Ortala */
        padding: 0 !important;
    }

    /* Etiketi (Seçim: ...) gizle */
    .woocommerce div.product form.cart .variations td.label,
    .woocommerce div.product form.cart .variations th.label {
        display: none !important;
    }

    /* Varyasyon butonlarını sarmalayan alan */
    .woocommerce div.product form.cart .variations .variable-items-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        /* Wrap enabled for multi-row */
        overflow-y: visible !important;
        overflow-x: hidden !important;
        /* No horizontal scroll */
        gap: 6px !important;
        padding-bottom: 0 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        /* Sola yasla */
        max-height: none !important;
    }

    /* Butonların kendisi */
    .woocommerce div.product form.cart .variations .variable-item {
        min-width: auto !important;
        height: 32px !important;
        padding: 0 12px !important;
        font-size: 0.85rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        white-space: nowrap !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
        color: #333 !important;
    }

    .woocommerce div.product form.cart .variations .variable-item.selected {
        background: #214001 !important;
        /* Kurumsal Renk */
        color: #fff !important;
        border-color: #214001 !important;
        box-shadow: 0 2px 5px rgba(33, 64, 1, 0.3) !important;
    }

    /* Temizle butonunu gizle (İstek üzerine) */
    .woocommerce div.product form.cart .reset_variations {
        display: none !important;
    }

    /* Varyasyon fiyat bilgisi - gizle */
    /* Fiyat Alanı (Sticky Bar Entegrasyonu) */
    .woocommerce div.product form.cart .single_variation .woocommerce-variation-price,
    .tazedal-sticky-price {
        display: block !important;
        width: 100% !important;
        /* Alt satıra geçmesi için */
        margin-bottom: 5px !important;
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        color: #2c3e50 !important;
        text-align: left !important;
    }

    .woocommerce div.product form.cart .single_variation .woocommerce-variation-description {
        display: none !important;
    }

    /* Simple Product için özel yapı */
    .tazedal-sticky-price {
        display: none;
        /* JS ile görünür yapılacak */
    }

    /* --- SEPETE EKLE ALT SATIRI (Qty + Buton) --- */

    /* Varyasyonlu ürünler: .woocommerce-variation-add-to-cart */
    .woocommerce div.product form.cart .woocommerce-variation-add-to-cart {
        display: flex !important;
        flex: 1 0 100% !important;
        /* Forces full width in flex container */
        width: 100% !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Miktar Seçici (Biraz daha küçültülebilir yer açmak için) */
    .woocommerce .quantity {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Quantity İç Wrapper */
    .woocommerce .quantity>div,
    .woocommerce .quantity>span,
    .woocommerce .quantity .tazedal-qty-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    /* qty-unit gizle */
    .woocommerce .quantity .qty-unit {
        display: none !important;
    }

    /* Eksi ve Artı Butonları */
    .woocommerce .quantity .minus,
    .woocommerce .quantity .plus {
        background: #f7f7f7 !important;
        color: #333 !important;
        width: 32px !important;
        /* Biraz daha daralt */
        height: 44px !important;
        border-radius: 8px !important;
        font-size: 1.1rem !important;
        border: 1px solid #e0e0e0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    /* Miktar Input */
    .woocommerce .quantity .qty {
        height: 44px !important;
        width: 34px !important;
        font-size: 1rem !important;
        border-top: 1px solid #e0e0e0 !important;
        border-bottom: 1px solid #e0e0e0 !important;
        border-left: none !important;
        border-right: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        text-align: center !important;
        padding: 0 !important;
        background: #fff !important;
        -moz-appearance: textfield !important;
        appearance: textfield !important;
    }

    .woocommerce .quantity .qty::-webkit-inner-spin-button,
    .woocommerce .quantity .qty::-webkit-outer-spin-button {
        -webkit-appearance: none !important;
        margin: 0 !important;
    }

    /* Sepete Ekle Butonu (Full Width Hissi ve İkon Yok) */
    /* Sepete Ekle Butonu (Force Full Width) */
    .woocommerce div.product form.cart .button,
    .woocommerce-variation-add-to-cart .button {
        flex: 1 0 0 !important;
        /* Kalan boşluğu doldur */
        min-width: 0 !important;
        /* Flexbox taşmasını önle */
        width: auto !important;
        /* Width yerine flex kullan */
        height: 48px !important;
        border-radius: 8px !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        background: #e67e22 !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3) !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        letter-spacing: 0.5px !important;
    }

    /* İkonu Kaldır */
    .woocommerce div.product form.cart .button::before {
        display: none !important;
    }
}

/* Hide Default Astra Top Bar (Redundant) */
.ast-above-header-wrap,
.ast-above-header-bar {
    display: none !important;
}


/* 1. Font Import (Google Fonts: Poppins) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* 2. Reset & Full Width Fix */
body,
html {
    overflow-x: hidden;
    /* Prevent horizontal scroll from full-width hack */
}

.hero-section {
    background-color: #fdfdfd;
    background-image: linear-gradient(to bottom, #ffffff, #f0fdf4);
    /* Subtle Green Gradient */
    padding: 6rem 2rem;
    text-align: center;
    border-bottom: 1px solid #eee;

    /* Force Full Width (Break out of Astra Container) */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.hero-content {
    max-width: 900px;
    margin: 0 auto;
}

.hero-content h1 {
    font-family: 'Poppins', sans-serif !important;
    /* Override Theme Font */
    font-size: 3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-content h1 span {
    color: #27ae60;
    /* Brand Green */
}

.hero-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.cta-button {
    background-color: #f39c12;
    /* Action Orange */
    color: #fff !important;
    padding: 16px 45px;
    border-radius: 50px;
    font-family: 'Poppins', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(243, 156, 18, 0.3);
    transition: all 0.3s ease;
    display: inline-block;
    border: 2px solid transparent;
}

.cta-button:hover {
    background-color: #fff;
    color: #f39c12 !important;
    border-color: #f39c12;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(243, 156, 18, 0.4);
}

.trust-badges {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.trust-icon {
    font-family: 'Poppins', sans-serif;
    font-size: 0.95rem;
    color: #27ae60;
    font-weight: 600;
    background: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 3. Mobile Responsiveness */
@media (max-width: 768px) {
    .hero-section {
        padding: 4rem 1.5rem;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .hero-content p {
        font-size: 1rem;
    }

    .cta-button {
        width: 100%;
        /* Full width button on mobile */
        padding: 15px 0;
    }

    .trust-badges {
        flex-direction: column;
        gap: 1rem;
    }
}

/* --- HEADER (MENÜ & SEPET) RENK GÜNCELLEMESİ --- */
/* Mobil Menü Butonu (Düzeltilmiş Seçici) */
button.menu-toggle,
.main-header-menu-toggle,
.ast-mobile-menu-buttons .menu-toggle,
.ast-mobile-menu-trigger-fill {
    background: #214001 !important;
    background-color: #214001 !important;
    color: #ffffff !important;
    border-color: #214001 !important;
}

/* Sepet Sayacı (Badge) */
.ast-site-header-cart .ast-cart-menu-wrap .count,
.ast-cart-menu-wrap .count,
.ast-header-break-point .ast-cart-menu-wrap .count {
    background: #214001 !important;
    background-color: #214001 !important;
    color: #ffffff !important;
}

/* Sepet Tutar Yazısı (Sadece Header) */
.ast-site-header-cart .ast-woo-header-cart-info .amount,
.site-header .woocommerce-Price-amount {
    color: #214001 !important;
    font-weight: 700 !important;
}

/* Sepet SVG İkonu Rengi */
.ast-site-header-cart .ast-cart-menu-wrap .ast-cart-icon svg {
    fill: #214001 !important;
}

/* --- SEPET İKONU DÜZELTME (DEBUG) --- */
/* Sepet Sayacı (Agresif) */
body .ast-site-header-cart .ast-cart-menu-wrap .count,
body .ast-cart-menu-wrap .count,
body span.count,
body .ast-header-break-point .ast-cart-menu-wrap .count,
body .site-header .ast-cart-menu-wrap .count {
    background: #214001 !important;
    background-color: #214001 !important;
    border-color: #214001 !important;
    color: #ffffff !important;
}

/* Sepet İkonu SVG Fill (Agresif) */
body .ast-site-header-cart .ast-cart-menu-wrap .ast-cart-icon svg,
body .ast-cart-menu-wrap .ast-cart-icon svg,
body .ast-header-break-point .ast-cart-menu-wrap .ast-cart-icon svg {
    fill: #214001 !important;
    color: #214001 !important;
}

/* Eğer ikon fontla geliyorsa */
body .ast-cart-menu-wrap .ast-cart-icon::before,
body .ast-site-header-cart .ast-cart-icon::before {
    color: #214001 !important;
}