@charset "UTF-8";

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    outline: none !important;
    box-sizing: border-box;
}


:root {
    --mainc: #0c0c0c;
    --base-font-size: 16px; /* Temel font boyutu (16px varsayılan) */
    --scale-factor: 1.25; /* Ölçek faktörü (Major Third 1.250) */
    --text-color: #333; /* Renkler */
    --heading-color: #111;
}



html {
    scroll-behavior: smooth; /* Yumuşak kaydırma */
    overflow-x: hidden; /* Yatay kaydırmayı önler */
}

body {
    margin: 0;
    padding: 0;
    font-family: "Fira Sans Condensed", system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
    font-size: var(--base-font-size);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
    font-style: normal;
    line-height: 1.6;
    font-weight: 400;
    /* Daha iyi font rendering */
    text-rendering: geometricPrecision;
    /* Ligature desteği */
    font-variant-ligatures: common-ligatures;
    font-feature-settings: "liga", "clig";
}

/* LINKS */
a {
color: #262b2f;
transition: color 0.35s ease-in-out, text-decoration 0.35s ease-in-out;
text-decoration-skip-ink: auto;
text-underline-offset: 0.2em;
}

    a:hover {
        color: #0056b4;
    }

a:visited {
    color: #555;
}

a:focus {
    outline: 2px solid #0066cc;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}


a,
a:link,
a:active,
a:visited,
a:hover {
    color: inherit;
    text-decoration: none;
}

nav:not(.mm-menu) {
    display: none;
}


/* HTMLT TAGS */
img {
    max-width: 100%;
    height: auto;
    /*border-radius: 0;*/ /* Varsayılan olarak sıfırlanmalı */
    /*vertical-align: middle;*/ /* inline-block sorunlarını önler */
    /*aspect-ratio: attr(width) / attr(height);
    aspect-ratio: auto;*/
    /* Yüksek DPI ekranlar için */
    /*image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    loading: lazy;*/
    /* Boş alt metinler için erişilebilirlik */
    /*alt: "";*/
}

strong, b {
    font-weight: 600; /* Daha belirgin kalınlık */
    color: inherit; /* Renk miras alsın */
}

blockquote {
    margin: 1.5em 0;
    padding: 0 1.5em 0 3em;
    font-size: 1.5em;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.6;
    color: #555;
    border-left: 3px solid #eee;
    position: relative;
}

    blockquote:before {
        content: "“";
        font-size: 4em;
        position: absolute;
        left: 10px;
        top: -10px;
        opacity: 0.3;
        line-height: 1;
    }

    blockquote:after {
        content: "”"; /* Kapama tırnağı ekleyebilirsiniz */
        position: absolute;
        right: 10px;
        bottom: -20px;
    }

    blockquote p {
        margin: 0 0 1em 0;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 700; /* Daha belirgin başlıklar */
    margin: 0.8em 0 0.5em; /* Daha tutarlı boşluk */
    line-height: 1.3;
}

/* Desktop (1200px+) */
/* Başlıklar için düzeltilmiş versiyon */
h1 {
    font-size: calc(1em * var(--scale-factor) * var(--scale-factor) * var(--scale-factor));
}

h2 {
    font-size: calc(1em * var(--scale-factor) * var(--scale-factor));
}

h3 {
    font-size: calc(1em * var(--scale-factor));
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: calc(1em / var(--scale-factor));
}

h6 {
    font-size: calc(1em / var(--scale-factor) / var(--scale-factor));
}

/* Tablet (768px - 1199px) */
@media (max-width: 1199px) {
    :root {
        --scale-factor: 1.2; /* Küçültülmüş ölçek */
    }

    body {
        line-height: 1.5;
    }
}

/* Küçük Tablet (576px - 767px) */
@media (max-width: 767px) {
    :root {
        --base-font-size: 15px;
        --scale-factor: 1.15;
    }

    blockquote {
        padding: 0 1.5em;
        font-size: 1.1em;
    }
}

/* Mobil (<=575px) */
@media (max-width: 575px) {
    :root {
        --base-font-size: 14px;
        --scale-factor: 1.1;
    }

    h1, h2, h3 {
        line-height: 1.3;
    }

    blockquote {
        padding: 0 1em;
        font-size: 1em;
        border-left-width: 2px;
    }

    article {
        line-height: 1.6; /* Mobilde biraz daha sık */
        word-spacing: normal;
    }
}


/* Vertical Rhythm */
p, ul, ol, dl, blockquote {
    margin-bottom: 1.5em;
}

/* Okunabilirlik */
article {
    line-height: 1.7;
    word-spacing: 0.05em;
}

@media (prefers-color-scheme: dark) {

    html {
        color-scheme: dark;
    }

    :root {
        --text-color: #f0f0f0;
        --heading-color: #ffffff;
    }

    body {
        background-color: #121212;
    }

    blockquote {
        border-left-color: #444;
        color: #e0e0e0; /* Daha okunabilir */
    }

    a {
        color: #aac8ff;
    }

        a:visited {
            color: #8ab4f8; /* Daha iyi kontrast */
        }
}

/* Daha akıcı animasyonlar için */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }

    a {
        transition: color 0.25s ease-in-out, text-decoration 0.25s ease-in-out;
        will-change: color, text-decoration; /* GPU hızlandırma */
    }
}

@media print {
    :root {
        --text-color: #000;
        --heading-color: #000;
    }

    body {
        font-size: 12pt;
        line-height: 1.5;
    }
}

/* iOS input zoom önleme */
@supports (-webkit-touch-callout: none) {
    input, textarea {
        font-size: 16px;
    }
}

/* Daha iyi seçim rengi */
::selection {
    background: #0066cc40;
    color: inherit;
}

/* Smooth font loading */
@font-face {
    font-family: 'Fira Sans Condensed';
    font-display: swap;
}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



/* Tüm container çeşitleri için temel stil */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Küçük ekranlar (576px ve üzeri) */
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px; 
    }

 
}

/* Orta ekranlar (768px ve üzeri) */
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 960px;
    }

  

}


@media (max-width: 768px) {
    .swiper-pagination-bullet {
        color: transparent !important;
        width: 8px !important;
        height: 8px !important;
    }

    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        top: 25% !important;
    }

    .sw-btn-prev, .sw-btn-next {
        display: none !important;
    }


    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        display: block;
        margin: 0px !important;
        margin-bottom: 4px !important;
    }


}


@media (max-width: 990.98px) {
    .dorluhaber span {
        font-size: 1rem !important;
        height: auto;
        line-height: 1.25;
    }

    .col-sm-5 > .block-left {
        width: auto;
    }
}

/* Büyük ekranlar (992px ve üzeri) */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px; 
    }
}

/* Çok büyük ekranlar (1200px ve üzeri) */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px; 
    }
}

/* Özel ekstra büyük ekranlar (1520px ve üzeri) */
@media (min-width: 1520px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1470px; 
    }

    .swiper{
        width:100%;
        max-height:600px !important;
    }
}












/* Above-the-fold kritik stiller */
:root {
    --primary-color: #0066cc;
    --text-color: #333;
}


.loaded body {
    opacity: 1;
}

header, .hero-section {
    position: relative;
    z-index: 10;
}

.critical {
    display: block !important;
}