/*
Theme Name: CeuCoffee
Theme URI: 
Author: BB
Author URI: 
Description: CeuCoffee için özel olarak geliştirilmiş, temiz kod yapısına sahip, performans odaklı minimalist tema.
Version: 1.0
*/

/* ==========================================================================
   1. DEĞİŞKENLER (CSS VARIABLES)
   Global renkler, fontlar ve boşluklar buradan yönetilir.
   ========================================================================== */
:root {
    /* -- Renk Paleti -- */
    --oz-color-primary: #2d3436;      /* Ana Baskın Renk */
    --oz-color-secondary: #7e1710;    /* İkincil/Link Rengi */
    --oz-color-accent: #fdcb6e;       /* Vurgu/Buton Rengi */
    --oz-color-text: #000;         /* Genel Metin Rengi */
    --oz-color-heading: #2d3436;      /* Başlık Rengi */
    --oz-color-bg: #ffffff;           /* Arka Plan */
    --oz-color-bg-alt: #f5f6fa;       /* Alternatif Arka Plan */
    --oz-color-border: #dfe6e9;       /* Kenarlık Rengi */
    --oz-color-error: #d63031;        /* Hata Mesajları */
    --oz-color-success: #00b894;      /* Başarı Mesajları */

    /* -- Tipografi -- */
    --oz-font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --oz-font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    
    --oz-size-base: 16px;
    --oz-line-height: 1.6;
    --oz-weight-normal: 400;
    --oz-weight-bold: 700;

    /* -- Boşluklar (Spacing) -- */
    --oz-spacing-xs: 0.5rem;
    --oz-spacing-sm: 1rem;
    --oz-spacing-md: 2rem;
    --oz-spacing-lg: 4rem;
    --oz-spacing-xl: 8rem;

    /* -- Düzen (Layout) -- */
    --oz-container-width: 1200px;
    --oz-border-radius: 8px;
    --oz-transition: all 0.3s ease-in-out;
}

/* ==========================================================================
   2. MODERN RESET & TEMEL AYARLAR
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--oz-font-main);
    font-size: var(--oz-size-base);
    line-height: var(--oz-line-height);
    color: var(--oz-color-text);
    background-color: var(--oz-color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   3. TİPOGRAFİ
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--oz-font-heading);
    color: #fff;
    font-weight: var(--oz-weight-bold);
    margin-bottom: var(--oz-spacing-sm);
    line-height: 1.2;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
p { margin-bottom: var(--oz-spacing-sm); }

a {
    color: var(--oz-color-secondary);
    text-decoration: none;
    transition: var(--oz-transition);
}

a:hover {
    opacity: 0.8;
}

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

/* ==========================================================================
   4. TEMEL BİLEŞENLER (Layout)
   ========================================================================== */
.oz-container {
    width: 100%;
    max-width: var(--oz-container-width);
    margin: 0 auto;
    padding: 0 var(--oz-spacing-sm);
}

/* Grid Sistemi için Temel Hazırlık */
.oz-grid {
    display: grid;
    gap: var(--oz-spacing-md);
}

/* Flex Yardımcıları */
.oz-flex {
    display: flex;
    flex-wrap: wrap;
}

.oz-flex-center {
    align-items: center;
    justify-content: center;
}

.oz-flex-between {
    justify-content: space-between;
    align-items: center;
}

/* ==========================================================================
   5. WOOCOMMERCE TEMEL HAZIRLIK
   (Detaylı stiller sonraki aşamalarda eklenecek)
   ========================================================================== */
/* WooCommerce uyarılarını düzgün göstermek için */
.woocommerce-store-notice {
    background-color: var(--oz-color-secondary);
    color: #fff;
}