/*
Theme Name: N11 Marketplace Teması
Theme URI: https://yoursite.com
Author: Antigravity
Author URI: https://yoursite.com
Description: N11.com stilinde modern WooCommerce teması. B2B Bayi Sistemi, Özel Fiyat Katmanları, Ön Muhasebe entegrasyonu ve tam Türkçe WooCommerce şablonları içerir.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ambalaj-tema
WC requires at least: 8.0
WC tested up to: 9.0
Tags: woocommerce, b2b, turkish, ecommerce, n11, wholesale, bayi, marketplace
*/

/* =============================================
   TASARIM DEĞİŞKENLERİ (CSS Custom Properties)
   ============================================= */

:root {
    /* Ana Renkler — AmbalajMarket Yeşil / Kraft Paleti */
    --renk-birincil:        #2e7d32;   /* Koyu orman yeşili — ana marka */
    --renk-birincil-koyu:   #1b5e20;
    --renk-birincil-acik:   #43a047;
    --renk-birincil-parlak: rgba(46, 125, 50, 0.15);
    --renk-ikincil:         #795548;   /* Kraft kahveresi — ikincil marka */
    --renk-ikincil-koyu:    #4e342e;
    --renk-ikincil-acik:    #a1887f;
    --renk-vurgu:           #f57f17;   /* Altın amber — flaş satış, indirim */
    --renk-basari:          #00b894;
    --renk-hata:            #e74c3c;
    --renk-uyari:           #f39c12;
    --renk-bilgi:           #2980b9;

    /* Özel Durum Renkleri */
    --renk-ucretsiz-kargo:  #2e7d32;
    --renk-hizli-kargo:     #f57f17;
    --renk-taksit:          #00695c;
    --renk-yildiz:          #ffa000;
    --renk-indirim:         #c62828;

    /* Nötr Renkler */
    --renk-beyaz:           #FFFFFF;
    --renk-zemin:           #f5f3ef;   /* Krem/kraft arka plan */
    --renk-kart:            #ffffff;
    --renk-acik-gri:        #faf8f5;
    --renk-gri-100:         #f5f3ef;
    --renk-gri-200:         #ece9e3;
    --renk-gri-300:         #ddd8cf;
    --renk-gri-400:         #c4bdb4;
    --renk-gri-500:         #958c82;
    --renk-gri-600:         #7a7068;
    --renk-gri-700:         #5a5248;
    --renk-gri-800:         #3a322a;
    --renk-gri-900:         #1c1a18;
    --renk-koyu:            #1c1c1e;

    /* Kampanya Bant Gradient */
    --gradient-duyuru:   linear-gradient(90deg, #1b5e20, #2e7d32, #1b5e20);
    --gradient-birincil: linear-gradient(135deg, #2e7d32, #43a047);
    --gradient-flash:    linear-gradient(135deg, #f57f17, #e65100);
    --gradient-kupon:    linear-gradient(135deg, #e8f5e9, #c8e6c9);


    /* Tipografi */
    --yazi-ailesi:          'Inter', 'Outfit', system-ui, -apple-system, sans-serif;
    --yazi-buyukluk-xs:     0.7rem;
    --yazi-buyukluk-sm:     0.8rem;
    --yazi-buyukluk-md:     0.875rem;
    --yazi-buyukluk-lg:     1rem;
    --yazi-buyukluk-xl:     1.125rem;
    --yazi-buyukluk-2xl:    1.25rem;
    --yazi-buyukluk-3xl:    1.5rem;
    --yazi-buyukluk-4xl:    2rem;
    --yazi-buyukluk-5xl:    2.5rem;
    --yazi-agirlik-normal:  400;
    --yazi-agirlik-orta:    500;
    --yazi-agirlik-yari:    600;
    --yazi-agirlik-kalin:   700;
    --yazi-agirlik-siyah:   800;

    /* Boşluklar */
    --bosluk-1:  0.25rem;
    --bosluk-2:  0.5rem;
    --bosluk-3:  0.75rem;
    --bosluk-4:  1rem;
    --bosluk-5:  1.25rem;
    --bosluk-6:  1.5rem;
    --bosluk-8:  2rem;
    --bosluk-10: 2.5rem;
    --bosluk-12: 3rem;
    --bosluk-16: 4rem;
    --bosluk-20: 5rem;
    --bosluk-24: 6rem;

    /* Kenarlık Yarıçapı */
    --yaricap-sm:   4px;
    --yaricap-md:   8px;
    --yaricap-lg:   12px;
    --yaricap-xl:   16px;
    --yaricap-2xl:  24px;
    --yaricap-tam:  9999px;

    /* Gölgeler */
    --golge-xs:         0 1px 3px rgba(0,0,0,0.08);
    --golge-sm:         0 2px 8px rgba(0,0,0,0.08);
    --golge-md:         0 4px 12px rgba(0,0,0,0.10);
    --golge-lg:         0 8px 24px rgba(0,0,0,0.12);
    --golge-xl:         0 16px 48px rgba(0,0,0,0.15);
    --golge-kart:       0 2px 8px rgba(0,0,0,0.08);
    --golge-kart-hover: 0 8px 24px rgba(0,0,0,0.14);
    --golge-birincil:   0 4px 16px rgba(46, 125, 50, 0.3);

    /* Geçişler */
    --gecis-hizli:    all 0.15s ease;
    --gecis-normal:   all 0.25s ease;
    --gecis-yavas:    all 0.4s ease;

    /* Düzen */
    --kapsayici-genislik: 1280px;
    --header-yukseklik:   108px;
    --header-ust-yukseklik: 36px;

    /* Z-index */
    --z-header:   100;
    --z-dropdown: 200;
    --z-modal:    300;
    --z-toast:    500;
}

/* =============================================
   TEMEL SIFIRLAMALAR
   ============================================= */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--yazi-ailesi);
    font-size: var(--yazi-buyukluk-md);
    font-weight: var(--yazi-agirlik-normal);
    color: var(--renk-gri-800);
    background-color: var(--renk-beyaz);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, video {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--gecis-hizli);
}

ul, ol {
    list-style: none;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: var(--yazi-agirlik-kalin);
    color: var(--renk-gri-900);
}