/* =========================================
   NAVBAR - TEMİZ SABİT SÜRÜM
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap');

.navbar{
    position:fixed !important;
  top:0 !important;
overflow:visible !important;
    left:0 !important;
    width:100% !important;

    height:90px !important;
    min-height:90px !important;
    max-height:90px !important;

    padding:0 !important;
    margin:0 !important;

    background:#ffffff !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;

    z-index:99999 !important;
    overflow:visible !important;

    display:block !important;
    box-sizing:border-box !important;
}

.navbar.scrolled{
    background:#fff !important;
}

/* WRAPPER */

.nav-wrapper,
.navbar .container,
.navbar .container-fluid{
    width:90% !important;
    max-width:1400px !important;

    height:90px !important;
    min-height:90px !important;
    max-height:90px !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;

    box-sizing:border-box !important;
}

/* LOGO */

.logo,
.navbar-brand{
    height:90px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

.logo img,
.navbar-brand img{
    height:70px !important;
    width:auto !important;
    max-width:none !important;

    display:block !important;
    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;
}
 .logo,
.navbar-brand{
    height:90px !important;
    overflow:visible !important;       /* ← bunu ekle */

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    margin:0 !important;
    padding:0 !important;

    flex:0 0 auto !important;
}

/* MENU */

.menu,
.navbar-nav{
    height:90px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    gap:42px !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;

    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
}

.navbar-nav > .nav-item{
    height:90px !important;

    display:flex !important;
    align-items:center !important;

    margin:0 !important;
    padding:0 !important;

    position:relative !important;
    flex:0 0 auto !important;

    white-space:nowrap !important;
}

/* ANA MENÜ LİNKLERİ */

.menu > a,
.navbar-nav > .nav-item > .nav-link,
.navbar-nav > .nav-item > .dropdown-toggle{
    height:90px !important;

    display:flex !important;
    align-items:center !important;

    margin:0 !important;
    padding:0 !important;

    line-height:1 !important;

    font-family:'Barlow Condensed', sans-serif !important;
    font-size:20px !important;
    font-weight:500 !important;

    color:#095d36 !important;
    background:transparent !important;
    text-decoration:none !important;

    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;

    box-shadow:none !important;
    outline:none !important;

    transition:color .25s ease !important;
}

/* HOVER / ACTIVE */

.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .nav-link.active,
.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle:active,
.navbar .dropdown-toggle.show{
    background:transparent !important;
    color:#095d36 !important;
    box-shadow:none !important;
    outline:none !important;
}

/* Bootstrap 5 hover variable override */
.navbar{
    --bs-navbar-hover-color:#095d36 !important;
    --bs-navbar-active-color:#095d36 !important;
    --bs-nav-link-hover-color:#095d36 !important;
}

.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link:focus,
.navbar .navbar-nav .nav-item .dropdown-toggle:hover,
.navbar .navbar-nav .nav-item .dropdown-toggle:focus{
    background:transparent !important;
    background-color:transparent !important;
    color:#095d36 !important;
}

/* E-KATALOG KIRILMASIN */

.navbar a[href*="Katalog"],
.navbar a[href*="katalog"],
.navbar a[href*="E__Katalog"]{
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    min-width:max-content !important;
}

.navbar a br{
    display:none !important;
}

/* HOVER ÇİZGİ */

.menu > a,
.navbar-nav > .nav-item > .nav-link,
.navbar-nav > .nav-item > .dropdown-toggle{
    position:relative !important;
}

.menu > a::after,
.navbar-nav > .nav-item > .nav-link::after,
.navbar-nav > .nav-item > .dropdown-toggle::after{
    content:"";
    position:absolute;
    left:0;
    bottom:14px;

    width:0;
    height:2px;

    background:#00a6d6;
    transition:.3s;
}

.menu > a:hover::after,
.navbar-nav > .nav-item > .nav-link:hover::after,
.navbar-nav > .nav-item > .dropdown-toggle:hover::after{
    width:100%;
}

/* RIGHT */

.nav-right{
    height:90px !important;

    display:flex !important;
    align-items:center !important;
    gap:18px !important;

    margin-left:auto !important;
    flex:0 0 auto !important;
}

.nav-btn{
    padding:12px 24px !important;
    border-radius:50px !important;

    background:#00a6d6 !important;
    color:#fff !important;

    text-decoration:none !important;
    font-family:'Barlow Condensed', sans-serif !important;
    font-size:20px !important;
    font-weight:600 !important;

    transition:.3s !important;
}

.nav-btn:hover{
    background:#028cb5 !important;
    color:#fff !important;
    transform:translateY(-2px) !important;
}

/* =========================================
   DROPDOWN
========================================= */

.navbar .dropdown-menu{
    position:absolute !important;
    top:100% !important;
    left:0 !important;

    width:auto !important;
    min-width:230px !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    padding:10px 0 !important;
    margin:0 !important;

    background:#ffffff !important;
    border:1px solid rgba(0,0,0,.10) !important;
    border-radius:8px !important;
    box-shadow:0 12px 30px rgba(0,0,0,.10) !important;

    overflow:visible !important;
    z-index:999999 !important;
}

.navbar .dropdown-menu a,
.navbar .dropdown-menu .dropdown-item{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    display:block !important;

    padding:11px 20px !important;
    margin:0 !important;

    line-height:1.4 !important;

    color:#095d36 !important;
    background:transparent !important;

    font-family:'Barlow Condensed', sans-serif !important;
    font-size:19px !important;
    font-weight:500 !important;

    white-space:nowrap !important;
    text-decoration:none !important;

    box-shadow:none !important;
    outline:none !important;
}

.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu a:focus,
.navbar .dropdown-menu .dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active{
    background:#f3f8f6 !important;
    color:#095d36 !important;
    padding-left:20px !important;
}

.navbar .dropdown-menu a::after,
.navbar .dropdown-menu .dropdown-item::after{
    display:none !important;
}

/* =========================================
   MOBILE
========================================= */

.mobile-toggle{
    display:none;
    color:#095d36;
    font-size:28px;
    cursor:pointer;
}

@media(max-width:991px){

    .navbar{
        height:90px !important;
        min-height:90px !important;
        max-height:90px !important;
    }

    .nav-wrapper,
    .navbar .container,
    .navbar .container-fluid{
        height:90px !important;
        min-height:90px !important;
        max-height:90px !important;
    }

    .logo img,
    .navbar-brand img{
        height:70px !important;
    }

        .navbar-collapse{
        position:fixed !important;
        top:130px !important;          /* 90px → 110px */
        left:0 !important;
        width:100vw !important;
        height:calc(100vh - 130px) !important;  /* 90px → 110px */
        background:#ffffff !important;
        z-index:99998 !important;
        padding:10px 0 30px 0 !important;
        overflow-y:auto !important;
        transform:translateX(-101%) !important;
        transition:transform .35s ease !important;
        display:block !important;
        visibility:hidden !important;
    }

    .navbar-collapse.menu-open{
        transform:translateX(0) !important;
        visibility:visible !important;
    }

    .menu,
    .navbar-nav{
        position:static !important;
        width:100% !important;
        height:auto !important;
        flex-direction:column !important;
        gap:0 !important;
        padding:0 !important;
        margin:0 !important;
        background:transparent !important;
        transform:none !important;
        left:auto !important;
        display:flex !important;
    }

    .navbar-nav > .nav-item{
        height:auto !important;
        width:100% !important;
        border-bottom:1px solid rgba(0,0,0,0.07) !important;
    }

    .navbar-nav > .nav-item > .nav-link,
    .navbar-nav > .nav-item > .dropdown-toggle{
        height:auto !important;
        font-size:20px !important;
        padding:16px 30px !important;
        width:100% !important;
        line-height:normal !important;
    }
    .navbar-toggler{
        margin-left:auto !important;
        margin-right:0 !important;
    }
    .nav-btn{
        display:none !important;
    }
} /* ← @media kapanışı */
.navbar,
.navbar *{
    box-shadow:none !important;
    outline:none !important;
}
.navbar .nav-item,
.navbar .nav-item:hover,
.navbar .nav-item:focus,
.navbar .nav-item:active,
.navbar .nav-item.active,
.navbar .nav-item.show,
.navbar li,
.navbar li:hover,
.navbar li:focus,
.navbar li:active,
.navbar li.active,
.navbar li.show{
    background:transparent !important;
    background-color:transparent !important;
}
.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:active,
.navbar a.active,
.navbar .nav-link,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .nav-link.active,
.navbar .nav-link.show,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle:active,
.navbar .dropdown-toggle.show{
    background:transparent !important;
    background-color:transparent !important;
    color:#095d36 !important;
    box-shadow:none !important;
    outline:none !important;
}
.navbar .active,
.navbar .show,
.navbar .open,
.navbar .current,
.navbar .selected{
    background:transparent !important;
    background-color:transparent !important;
    color:#095d36 !important;
}
.navbar .dropdown.show > a,
.navbar .dropdown.show > .nav-link,
.navbar .dropdown.show > .dropdown-toggle,
.navbar .nav-item.show > a,
.navbar .nav-item.show > .nav-link,
.navbar .nav-item.show > .dropdown-toggle{
    background:transparent !important;
    background-color:transparent !important;
    color:#095d36 !important;
}
.navbar a:focus-visible,
.navbar .nav-link:focus-visible,
.navbar .dropdown-toggle:focus-visible{
    background:transparent !important;
    background-color:transparent !important;
    outline:none !important;
    box-shadow:none !important;
}
html .navbar,
body .navbar,
.navbar{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:block !important;
}
html.saram-loading .navbar,
html.saram-site-ready .navbar{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:block !important;
}
.navbar .nav-item:has(a[href*="Hakkimizda"]) .dropdown-menu,
.navbar .nav-item:has(a[href*="Hakkımızda"]) .dropdown-menu,
.navbar li:has(a[href*="Hakkimizda"]) .dropdown-menu,
.navbar li:has(a[href*="Hakkımızda"]) .dropdown-menu{
    display:none !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
.navbar a[href*="Hakkimizda"],
.navbar a[href*="Hakkımızda"],
.navbar a[href*="Hakkimizda"]:hover,
.navbar a[href*="Hakkımızda"]:hover,
.navbar a[href*="Hakkimizda"]:focus,
.navbar a[href*="Hakkımızda"]:focus,
.navbar a[href*="Hakkimizda"]:active,
.navbar a[href*="Hakkımızda"]:active{
    background:transparent !important;
    background-color:transparent !important;
    color:#095d36 !important;
    box-shadow:none !important;
    outline:none !important;
}
.navbar{
    z-index:999999 !important;
    overflow:visible !important;
}
.nav-wrapper,
.navbar .container,
.navbar .container-fluid{
    position:relative !important;
    z-index:999999 !important;
    overflow:visible !important;
}
.navbar .menu,
.navbar .navbar-nav,
.navbar .nav-item{
    position:relative !important;
    z-index:999999 !important;
    overflow:visible !important;
}
.navbar .dropdown-menu{
    position:absolute !important;
    z-index:1000000 !important;
    overflow:visible !important;
}
.page-hero,
.hero,
.nlm-hero,
.about-hero,
.products,
.products-section,
.page-hero-overlay,
.hero-overlay,
.nlm-overlay{
    z-index:1 !important;
}
.page-hero-overlay,
.hero-overlay,
.nlm-overlay{
    pointer-events:none !important;
}
body .page-hero,
body .hero,
body .nlm-hero,
body section{
    position:relative;
    z-index:1;
}
body .navbar{
    position:fixed !important;
    z-index:999999 !important;
}
.navbar{
    background:#ffffff !important;
    background-color:#ffffff !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
.nav-wrapper,
.navbar .container,
.navbar .container-fluid{
    background:#ffffff !important;
    background-color:#ffffff !important;
}
.navbar .menu,
.navbar .navbar-nav{
    background:#ffffff !important;
    background-color:#ffffff !important;
}
.navbar .nav-item,
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar a{
    background:transparent !important;
    background-color:transparent !important;
}
.navbar .dropdown-menu{
    background:#ffffff !important;
    background-color:#ffffff !important;
    opacity:1 !important;
    border:1px solid rgba(0,0,0,.10) !important;
    border-radius:8px !important;
    box-shadow:0 14px 35px rgba(0,0,0,.12) !important;
    z-index:999999 !important;
    overflow:hidden !important;
}
.navbar .dropdown-menu a,
.navbar .dropdown-menu .dropdown-item{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#095d36 !important;
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu .dropdown-item:hover{
    background:#f3f8f6 !important;
    background-color:#f3f8f6 !important;
    color:#095d36 !important;
}
.navbar{
    box-shadow:0 3px 14px rgba(0,0,0,.08) !important;
}
.navbar .nav-link.active,
.navbar .nav-item.active > .nav-link{
    color:#095d36 !important;
    background:transparent !important;
    font-weight:500 !important;
}