/* =====================================================
   GLOBAL CRITICAL CSS
   Sadece layout stabilitesi için
===================================================== */

/* -------- RESET (MINIMAL) -------- */
html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.4;
    min-height: 100vh;
}

.header-space-margin {
    margin-top: 125px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 125px; /* 45 top-bar + 46 nav */
    z-index: 1000;
}

.header-top-bar {
    position: absolute;
    top: 0;
    height: 45px;
    width: 100%;
}

#header-nav {
    position: absolute;
    top: 45px;
    height:80px;
    width: 100%;
}


/* -------- HEADER & NAV HEIGHT LOCK -------- */
header.sticky {
    min-height: 120px; /* top-bar + navbar */
}

.header-top-bar {
    min-height: 45px;
}

#header-nav {
    min-height: 80px;
    display: flex;
    align-items: center;
}

/* -------- LOGO SIZE FIX (CLS KILLER #1) -------- */
.navbar-brand img {
    width: auto;
    height: 30px;
}

/* mobile logo */
@media (max-width: 991px) {
    .navbar-brand img {
        width: 140px;
    }
}

/* -------- NAV MENU PLACEHOLDER -------- */
.navbar-nav {
    min-height: 48px;
}

/* -------- DROPDOWN / MEGA MENU -------- */
/* İlk paint’te layout itmesin */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}

/* JS açınca */
.dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* -------- ICON FONT PLACEHOLDER -------- */
i[class^="fa"],
i[class*=" fa-"],
i[class^="feather"],
i[class*=" feather"] {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* -------- PREVENT FONT SWAP CLS -------- */
@font-face {
    font-family: "FontAwesome";
    font-display: swap;
}

@font-face {
    font-family: "feather";
    font-display: swap;
}

/* -------- CONTAINER STABILITY -------- */
.container,
.container-fluid {
    width: 100%;
    max-width: 100%;
}