.navbar-logo-image img{
    max-height:48px;
    width:auto;
    display:block;
    object-fit:contain;
}
@media(max-width:991px){

    .topbar-left{
        display:none;
    }

}

@media (max-width: 767px) {

    .topbar{
        height:auto;
        padding:8px 0;
    }

    .topbar-right{

        width:100%;

        display:flex;
        align-items:center;
        justify-content:center;

        flex-wrap:nowrap;

        gap:10px;
    }

    .topbar-right a{

        display:flex;
        align-items:center;
        justify-content:center;

        gap:4px;

        margin:0;

        padding:0;

        font-size:15px;

        white-space:nowrap;
    }

    .topbar-right a i{
        font-size:13px;
        margin:0;
    }

}

/* MOBILE SIDEBAR */

/* MOBILE SIDEBAR - TAM EKRAN YAPILDI */
.mobile-sidebar {
    position: fixed;
    top: 0;
    left: 0; /* Soldan dışarıda durmasın, hep tam konumda olsun */
    
    width: 100%; /* Genişlik tüm ekran */
    height: 100vh; /* Yükseklik tüm ekran */
    
    background: #fff;
    z-index: 99999;
    
    padding: 24px 20px;
    overflow-y: auto;
    
    /* Açılış Efekti: İlk başta gizli ve hafif aşağıda */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px); /* Yukarıdan aşağıya doğru hafif süzülme efekti */
    transition: opacity .35s ease, transform .35s ease, visibility .35s;
}

/* Menü Aktif Olduğunda */
.mobile-sidebar.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Normal konumuna gel */
}

/* Arka Plan Karartısı (Overlay) */
.mobile-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 99998;
}

.mobile-sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-sidebar-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:30px;
}

.mobile-sidebar-logo img{
    max-height:42px;
}

.mobile-sidebar-close{
    width:42px;
    height:42px;

    border:none;

    background:#f1f5f9;

    border-radius:12px;

    font-size:18px;

    color:#0f172a;
}

.mobile-sidebar-menu{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mobile-link{
    height:58px;

    display:flex;
    align-items:center;

    gap:14px;

    padding:0 16px;

    border-radius:16px;

    color:#0f172a;

    transition:.3s;

    font-weight:500;
}

.mobile-link:hover,
.mobile-link.active{
    background:#f5f7ff;
    color:#2563eb;
}

.mobile-link-icon{
    width:38px;
    height:38px;

    border-radius:12px;

    background:#f1f5f9;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:16px;
}

.navbar-toggler{
    border:none !important;
    box-shadow:none !important;

    width:50px;
    height:50px;

    border-radius:14px;

    background:rgba(255,255,255,.08);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:26px;
}

.mobile-dropdown{
    border-radius:16px;
    overflow:hidden;
}

.mobile-dropdown-trigger{

    width:100%;

    height:58px;

    border:none;

    background:none;

    display:flex;

    align-items:center;
    justify-content:space-between;

    padding:0 16px;

    border-radius:16px;

    font-weight:500;

    color:#0f172a;
}

.mobile-dropdown-left{
    display:flex;
    align-items:center;
    gap:14px;
}

.mobile-submenu{

    max-height:0;

    overflow:hidden;

    transition:.35s ease;
}

.mobile-dropdown.active .mobile-submenu{
    max-height:300px;
}

.mobile-sub-link{

    height:46px;

    display:flex;

    align-items:center;

    gap:10px;

    padding-left:70px;

    color:#64748b;

    font-size:14px;
}

.mobile-sub-link i{
    font-size:6px;
}


@media(min-width:992px){

    .mobile-sidebar,
    .mobile-sidebar-overlay{
        display:none;
    }

}

/* MEGA MENU */

.navbar-logo-image img{
    max-height:48px;
    width:auto;
    display:block;
    object-fit:contain;
}
@media(max-width:991px){

    .topbar-left{
        display:none;
    }

}

@media (max-width: 767px) {

    .topbar{
        height:auto;
        padding:8px 0;
    }

    .topbar-right{

        width:100%;

        display:flex;
        align-items:center;
        justify-content:center;

        flex-wrap:nowrap;

        gap:10px;
    }

    .topbar-right a{

        display:flex;
        align-items:center;
        justify-content:center;

        gap:4px;

        margin:0;

        padding:0;

        font-size:15px;

        white-space:nowrap;
    }

    .topbar-right a i{
        font-size:13px;
        margin:0;
    }

}

/* MOBILE SIDEBAR */

/* MOBILE SIDEBAR - TAM EKRAN YAPILDI */
.mobile-sidebar {
    position: fixed;
    top: 0;
    left: 0; /* Soldan dışarıda durmasın, hep tam konumda olsun */
    
    width: 100%; /* Genişlik tüm ekran */
    height: 100vh; /* Yükseklik tüm ekran */
    
    background: #fff;
    z-index: 99999;
    
    padding: 24px 20px;
    overflow-y: auto;
    
    /* Açılış Efekti: İlk başta gizli ve hafif aşağıda */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px); /* Yukarıdan aşağıya doğru hafif süzülme efekti */
    transition: opacity .35s ease, transform .35s ease, visibility .35s;
}

/* Menü Aktif Olduğunda */
.mobile-sidebar.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* Normal konumuna gel */
}

/* Arka Plan Karartısı (Overlay) */
.mobile-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 99998;
}

.mobile-sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-sidebar-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:30px;
}

.mobile-sidebar-logo img{
    max-height:42px;
}

.mobile-sidebar-close{
    width:42px;
    height:42px;

    border:none;

    background:#f1f5f9;

    border-radius:12px;

    font-size:18px;

    color:#0f172a;
}

.mobile-sidebar-menu{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mobile-link{
    height:58px;

    display:flex;
    align-items:center;

    gap:14px;

    padding:0 16px;

    border-radius:16px;

    color:#0f172a;

    transition:.3s;

    font-weight:500;
}

.mobile-link:hover,
.mobile-link.active{
    background:#f5f7ff;
    color:#2563eb;
}

.mobile-link-icon{
    width:38px;
    height:38px;

    border-radius:12px;

    background:#f1f5f9;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:16px;
}

.navbar-toggler{
    border:none !important;
    box-shadow:none !important;

    width:50px;
    height:50px;

    border-radius:14px;

    background:rgba(255,255,255,.08);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:26px;
}

.mobile-dropdown{
    border-radius:16px;
    overflow:hidden;
}

.mobile-dropdown-trigger{

    width:100%;

    height:58px;

    border:none;

    background:none;

    display:flex;

    align-items:center;
    justify-content:space-between;

    padding:0 16px;

    border-radius:16px;

    font-weight:500;

    color:#0f172a;
}

.mobile-dropdown-left{
    display:flex;
    align-items:center;
    gap:14px;
}

.mobile-submenu{

    max-height:0;

    overflow:hidden;

    transition:.35s ease;
}

.mobile-dropdown.active .mobile-submenu{
    max-height:300px;
}

.mobile-sub-link{

    height:46px;

    display:flex;

    align-items:center;

    gap:10px;

    padding-left:70px;

    color:#64748b;

    font-size:14px;
}

.mobile-sub-link i{
    font-size:6px;
}


@media(min-width:992px){

    .mobile-sidebar,
    .mobile-sidebar-overlay{
        display:none;
    }

}

/* MEGA MENU */

/* =========================
   PREMIUM DESKTOP MEGA MENU
========================= */

.dropdown-mega {
    position: static; /* relative değerini static yapıyoruz */
}

.mega-trigger {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mega-trigger i {
    font-size: 11px;
    transition: .3s;
}

.dropdown-mega:hover .mega-trigger i {
    transform: rotate(180deg);
}

/* 2. Mega Menü Konumlandırması */
.mega-menu {
    position: absolute;
    top: 100%;
    /* Sol ve sağ değerlerini 0 yaparak navbar container genişliğine yayılmasını sağlıyoruz */
    left: 0;
    right: 0;
    
    /* Sabit 1080px yerine container içini tamamen doldursun diye %100 yapıyoruz */
    width: 100%; 
    max-width: 1200px; /* Temanın maksimum genişliğine göre (örn: bootstrap container) ayarlayabilirsin */
    margin: 18px auto 0 auto; /* Otomatik ortalama sağlar */

    background: #fff;
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 25px 80px rgba(15,23,42,.12);
    
    opacity: 0;
    visibility: hidden;
    /* TranslateX(-50%) kalktı, sadece yukarı/aşağı animasyon kaldı */
    transform: translateY(20px); 
    transition: .35s ease;
    z-index: 99999;
}

.dropdown-mega:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* üst ok */

.mega-arrow {
    display: none; /* Oku tamamen gizler */
}

/* GRID */

.mega-grid{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:12px;
}

/* ITEM */

.mega-item{

    display:flex;
    align-items:center;

    gap:16px;

    padding:14px;

    border:1px solid #ececf3;

    border-radius:14px;

    text-decoration:none;

    background:#fff;

    transition:.25s ease;
}

.mega-item:hover{

    transform:translateY(-3px);

    border-color:#ff7f27;

    box-shadow:
    0 10px 30px rgba(255,127,39,.10);
}

/* ICON */

.mega-icon{

    min-width:56px;
    width:56px;
    height:56px;

    border-radius:12px;

    background:#f4f4f7;

    display:flex;
    align-items:center;
    justify-content:center;
}

.mega-icon i{

    font-size:22px;

    color:#45486a;
}

/* CONTENT */

.mega-content h4{

    font-size:16px;

    font-weight:700;

    color:#394165;

    margin:0 0 4px;

    line-height:1.2;
}

.mega-content p{

    font-size:13px;

    color:#8b8fa8;

    margin:0;

    line-height:1.4;
}
.mega-item{
    min-height:unset;
}

/* Navigasyon barının ana kapsayıcısına relative verilerek menünün taşması engellenir */
.custom-navbar .container {
    position: relative;
}

/* RESPONSIVE */

@media(max-width:1300px){

    .mega-menu{
        width:95vw;
    }

}

@media(max-width:991px){

    .mega-menu{
        display:none !important;
    }

}