@charset "UTF-8";

/** 
* @author     : mefamex (https://mefamex.com/)
* @company    : demirosgb (https://demirosgb.com/)
* @website    : https://demirosgb.com/
* @copyright  : © 2025 Demirosgb. Tüm hakları saklıdır
* @file       : main.css
* @created    : 2025-08-29
* @updated    : 2025-09-09
* @description: main stylesheet
*
* @changelog: 
* - v1.0.0 (2025-08-29) - İlk versiyon
*
* =============================
*           NOTES 
* =============================
* 
* TODO:
* - [ ] Dark mode toggle
* - [ ] Performance optimizasyonu
* 
* FIXME:
* - 
**/

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

:root {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

html {
    /* Modern font rendering */
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Text wrapping */
    word-wrap: break-word;
    overflow-wrap: anywhere;
    /* Modern line height */
    line-height: 1.5;
    /* Prevent horizontal scroll */
    overflow-x: hidden;
    /* Touch optimizasyonu - double-tap zoom devre dışı bırakır */
    touch-action: manipulation;
    /* Stacking context izolasyonu - z-index problemlerini önler */
    isolation: isolate;
}

body {
    /* Better font rendering */
    -webkit-font-smoothing: antialiased;
    /* Better text selection */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    /* Better display */
    display: block;
    /* Prevent horizontal scroll */
    height: 100%;
    width: 100%;
    /*max-width: 100vw;*/
    margin: 0;
    padding: 0;
    /* Sayfa arka planı */
    background-color: var(--color-page-bg);
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@font-face {
    font-family: system;
    font-display: optional;
    src: local(".SFNS-Regular"), local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma") local("-apple-system"), local("BlinkMacSystemFont"), local(" UI"), local("Roboto"), local("Helvetica Neue"), local("Arial");
}

body, #root {
    min-height: 100%;
}

#root {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100vw;
    height: fit-content;
    margin: 0 auto;
    padding: 0;
}

main {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    padding-top: 4rem;
}

main>* {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100vw;
}