/*
 * Ortak Bileşenler — Tüm temalar için temel CSS
 * Tema-özgü override'lar kendi klasörlerinde tanımlanır.
 * Bu dosyaya tema özel değer EKLEMEYİN.
 */

/* === TEMEL YAPI === */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: var(--tema-font-govde, 'Manrope', system-ui, sans-serif);
    color: var(--tema-metin, #1A1A1A);
    background: var(--tema-arkaplan, #ffffff);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* === NAVBAR TEMEL === */
.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--tema-bosluk-sm, 0.5rem) var(--tema-bosluk-lg, 1.5rem);
    transition: background var(--tema-gecis-normal, 0.3s ease),
                box-shadow var(--tema-gecis-normal, 0.3s ease);
}

.navbar-link {
    text-decoration: none;
    font-weight: 500;
    transition: color var(--tema-gecis-hizli, 0.15s ease);
}

/* === ÜRÜN KARTI TEMEL === */
.urun-kart {
    position: relative;
    overflow: hidden;
    border-radius: var(--tema-kose-md, 4px);
    transition: transform var(--tema-gecis-normal, 0.3s ease),
                box-shadow var(--tema-gecis-normal, 0.3s ease),
                border-color var(--tema-gecis-normal, 0.3s ease);
}

.urun-kart:hover {
    transform: translateY(calc(-1 * var(--tema-hover-yukseklik, 4px)));
}

.urun-kart-gorsel {
    aspect-ratio: 4/3;
    overflow: hidden;
    transition: transform var(--tema-gecis-normal, 0.3s ease);
}

.urun-kart:hover .urun-kart-gorsel {
    transform: scale(1.03);
}

/* === BUTONLAR TEMEL === */
.btn-birincil {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: var(--tema-bosluk-sm, 0.5rem) var(--tema-bosluk-lg, 1.5rem);
    border: 1px solid var(--tema-vurgu, #C5A059);
    border-radius: var(--tema-kose-md, 4px);
    font-family: var(--tema-font-govde, system-ui, sans-serif);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--tema-gecis-normal, 0.3s ease);
    text-decoration: none;
}

.btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: var(--tema-bosluk-sm, 0.5rem) var(--tema-bosluk-lg, 1.5rem);
    background: transparent;
    border: 1px solid var(--tema-cizgi, rgba(0,0,0,0.1));
    border-radius: var(--tema-kose-md, 4px);
    font-family: var(--tema-font-govde, system-ui, sans-serif);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--tema-gecis-normal, 0.3s ease);
    text-decoration: none;
}

/* === FOOTER TEMEL === */
.footer {
    padding: var(--tema-bosluk-2xl, 4rem) var(--tema-bosluk-lg, 1.5rem);
    transition: background var(--tema-gecis-normal, 0.3s ease),
                border-color var(--tema-gecis-normal, 0.3s ease);
}

.footer-link {
    text-decoration: none;
    transition: color var(--tema-gecis-hizli, 0.15s ease);
}

/* === BÖLÜM AYIRICI === */
.bolum-ayirici {
    border: none;
    border-top: 1px solid var(--tema-cizgi, rgba(0,0,0,0.1));
    margin: var(--tema-bosluk-xl, 2.5rem) 0;
}

/* === BAŞLIKLAR === */
h1, h2, h3, h4 {
    font-family: var(--tema-font-baslik, 'Noto Serif', serif);
    font-weight: var(--tema-baslik-agirlik, 700);
    letter-spacing: var(--tema-baslik-harf-araligi, -0.01em);
    line-height: 1.1;
}