/* ==============================================
    TTI YAZILIM - HEADER DINAMIK CSS
    Generated: 2026-04-17 13:08:31
    ============================================== */

    :root {
    --header-height: 60px;
    --menu-font-size: 15px;
    --submenu-font-size: 14px;
    --icon-size: 26px;
    --menu-spacing: 15px;
    --header-padding-x: 60px;
    --header-padding-y: 0px;
    --header-bg: #ffffff;
    --header-text: #000000;
    --primary-color: #3f8f8b;
    --topbar-height: 41px;
    }

    /* HEADER DİNAMİK AYARLARI */
    #header {
    min-height: var(--header-height) !important;
    background: var(--header-bg) !important;
    color: var(--header-text) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    }


    #header * {
    transition: color 0.3s ease, background-color 0.3s ease, stroke 0.3s ease !important;
    }

    #header .wrapper-header {
    min-height: var(--header-height) !important;
    padding: var(--header-padding-y) 15px !important;
    }

    /* Desktop padding */
    @media (min-width: 1200px) {
    #header .wrapper-header {
    padding: var(--header-padding-y) var(--header-padding-x) !important;
    }
    }

    /* LOGO DİNAMİK MARGIN */
    #header .logo-header img {
    width: 200px !important;
    height: 60px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    object-fit: contain !important;
    }

    /* MENÜ ARASI BOŞLUK */
    #header .box-nav-ul {
    gap: var(--menu-spacing) !important;
    }

    /* MENÜ FONT BOYUTU */
    #header .box-nav-ul .item-link {
    font-size: var(--menu-font-size) !important;
    color: var(--header-text) !important;
    }

    /* MENÜ İKON BOYUTU */
    #header .box-nav-ul .item-link > i,
    #header .box-nav-ul .item-link > .icon:not(.icon-arrow-down) {
    font-size: calc(var(--menu-font-size) * 1.1) !important;
    }

    /* ::after HAREKET SORUNU ÇÖZÜMÜ */
    #header .box-nav-ul .item-link::after {
    height: var(--header-height) !important;
    display: none !important;
    }

    #header .box-nav-ul .menu-item:hover .item-link::after {
    display: none !important;
    }

    /* ALT MENÜ FONT BOYUTU */
    #header .sub-menu .menu-link-text {
    font-size: var(--submenu-font-size) !important;
    }

    /* HEADER İKON BOYUTLARI */
    #header .nav-icon .nav-icon-item .icon,
    #header .nav-icon .nav-icon-item span[class*="icon-"] {
    font-size: var(--icon-size) !important;
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    }

    #header .nav-icon .nav-icon-item svg {
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    }

    /* MOBİL MENÜ İKONU */
    #header .mobile-menu .icon {
    font-size: var(--icon-size) !important;
    }

    /* LOGO HOVER HAREKETI ENGELLEME */
    #header .logo-header {
    display: block;
    }

    #header .logo-header img {
    display: block;
    }

    /* TÜM HOVER EFEKTLERİNİ SADECE RENK İLE SINIRLA */
    #header a {
    transform: none !important;
    }

    #header a:hover {
    transform: none !important;
    }

    /* MARQUEE STYLES */
    .tf-marquee {
    background-color: #000000;
    color: #ffffff;
    padding: 13.333333333333px 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    }

    .tf-marquee-content {
    display: inline-block;
    animation: marquee 29s linear infinite;
    }

    @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
    }

    .tf-marquee-item {
    display: inline-block;
    padding: 0 30px;
    font-weight: 600;
    }

    .tf-marquee-item i {
    margin-right: 8px;
    }

    /* Mobil responsive */
    @media (max-width: 1199px) {
    #header .wrapper-header {
    padding: 10px 15px !important;
    }

    #header {
    min-height: 60px !important;
    }

    /* Logo column'u tam ortala */
    #header .logo-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    }

    /* Logo ortada olsun - col-6'yı tam kullan */
    #header .row.wrapper-header > .col-6:has(.logo-header),
    #header .row.wrapper-header > .col-md-4:has(.logo-header) {
    display: flex !important;
    justify-content: center !important;
    }
    }

    /* Desktop'ta ayarlara göre iconları göster/gizle */
    @media (min-width: 1200px) {
    #header .nav-icon .nav-account {
    display: inline-flex !important;
    }


    #header .nav-icon .nav-cart {
    display: inline-flex !important;
    }

    #header .nav-icon .nav-search {
    display: inline-flex !important;
    }
    }

    /* Container genişliği tam 100% olsun */
    #header .container-fluid {
    box-sizing: border-box;
    max-width: 100% !important;
    }

    /* Row'ların negatif marginini kaldır */
    #header .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }

    /* Gap'leri DİNAMİK tut ama taşma olursa küçült */
    #header .box-nav-ul {
    gap: min(var(--menu-spacing), 15px) !important;
    }

    #header .nav-icon {
    gap: min(12px, 8px) !important;
    }

    /* Geniş ekranlarda tam dinamik değerleri kullan */
    @media (min-width: 1400px) {
    #header .box-nav-ul {
    gap: var(--menu-spacing) !important;
    }

    #header .nav-icon {
    gap: 12px !important;
    }
    }
    /* MOBİL STICKY - SADECE TEMEL AYARLAR */
    @media (max-width: 991.98px) {
    .tf-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1001 !important;
    margin: 0 !important;
    }

    #header {
    position: sticky !important;
    /* top değeri JS ile ayarlanacak */
    z-index: 1000 !important;
    margin: 0 !important;
    }
    }
    @media (max-width: 991.98px) {
    #header {
    top: auto !important;
    }
    }