/* ============================
   Google Fonts import (Roboto Full Family)
   ============================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
.hero-title {
    letter-spacing: -0.02em; /* aralığı sıkılaştırır */
    line-height: 1.1; /* satır aralığını da toparlar */
    font-weight: 700;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
}

@media (max-width:576px) {
    .hero-title {
        letter-spacing: -0.01em;
        line-height: 1.15;
    }
}

/* ============================
   Base Reset
   ============================ */
html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    background-color: #fff;
    font-synthesis: none; /* tarayıcı fake bold/italic yapmasın */
}

b, strong {
    font-weight: 900 !important;
}

i, em {
    font-style: italic;
}

/* ============================
   Başlıklar (Slab)
   ============================ */
h1, h2, h3, h4, h5, h6 {
  
    font-weight: 700;
    margin: 0.5rem 0;
}

/* ============================
   Kod blokları (Mono)
   ============================ */
code, pre, kbd, samp {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 0.95em;
}

/* ============================
   Yardımcı sınıflar
   ============================ */

/* Roboto ağırlıkları */
.roboto-thin {
    font-family: 'Roboto',sans-serif;
    font-weight: 100;
}

.roboto-light {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
}

.roboto {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
}

.roboto-medium {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
}

.roboto-bold {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
}

.roboto-black {
    font-family: 'Roboto',sans-serif;
    font-weight: 900;
}

/* Roboto italic */
.roboto-thin-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: 'Roboto',sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Roboto Condensed */
.roboto-condensed-light {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 300;
}

.roboto-condensed-regular {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 400;
}

.roboto-condensed-bold {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700;
}

.roboto-condensed-light-italic {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-condensed-regular-italic {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-condensed-bold-italic {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700;
    font-style: italic;
}

/* Roboto Slab */
.roboto-slab-thin {
    font-family: 'Roboto Slab',serif;
    font-weight: 100;
}

.roboto-slab-light {
    font-family: 'Roboto Slab',serif;
    font-weight: 300;
}

.roboto-slab-regular {
    font-family: 'Roboto Slab',serif;
    font-weight: 400;
}

.roboto-slab-medium {
    font-family: 'Roboto Slab',serif;
    font-weight: 500;
}

.roboto-slab-bold {
    font-family: 'Roboto Slab',serif;
    font-weight: 700;
}

.roboto-slab-black {
    font-family: 'Roboto Slab',serif;
    font-weight: 900;
}

/* Roboto Mono */
.roboto-mono-thin {
    font-family: 'Roboto Mono',monospace;
    font-weight: 100;
}

.roboto-mono-light {
    font-family: 'Roboto Mono',monospace;
    font-weight: 300;
}

.roboto-mono-regular {
    font-family: 'Roboto Mono',monospace;
    font-weight: 400;
}

.roboto-mono-medium {
    font-family: 'Roboto Mono',monospace;
    font-weight: 500;
}

.roboto-mono-bold {
    font-family: 'Roboto Mono',monospace;
    font-weight: 700;
}

/* Roboto Flex — değişken font, weight serbest */
.roboto-flex {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 400;
}

.roboto-flex-300 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 300;
}

.roboto-flex-400 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 400;
}

.roboto-flex-500 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 500;
}

.roboto-flex-600 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 600;
}

.roboto-flex-700 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 700;
}

.roboto-flex-800 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 800;
}

.roboto-flex-900 {
    font-family: 'Roboto Flex',sans-serif;
    font-variation-settings: 'opsz' 14;
    font-weight: 900;
}

/* CKEditor’den inline gelen Roboto Flex stilleri için override */
span[style*="font-family:'Roboto Flex'"],
span[style*='font-family:"Roboto Flex"'],
span[style*="font-family:Roboto Flex"] {
    font-family: 'Roboto Flex',sans-serif !important;
}

/* ============================
   CKEditor içeriği için küçük ekler
   ============================ */
.cke_editable img {
    max-width: 100%;
    height: auto;
}

.cke_editable table {
    width: 100%;
    border-collapse: collapse;
}