/* TAPS Remove Top Main Nav V15.2 */

/*
    Üst header'daki ana bölüm menüsü kaldırıldı:
    - İnşaat
    - Smart Home

    Ana bölüm geçişi soldaki rail menüden yapılır.
    Üst bar sadece kategori dropdownları + iletişim aksiyonları için kullanılır.
*/

.topbar .top-nav,
.top-nav,
.topbar nav.top-nav,
.top-nav *,
.top-nav::before,
.top-nav::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Logo sonrası kategori menüsü direkt başlasın */
.topbar .brand + .top-nav + .top-detail-nav,
.brand + .top-nav + .top-detail-nav,
.topbar .brand + .top-detail-nav,
.brand + .top-detail-nav {
    margin-left: clamp(24px, 2.2vw, 44px) !important;
}

/* Kategori menüsü daha dengeli genişlik alsın */
.topbar .top-detail-nav,
.top-detail-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: visible !important;
}

/* Kategori kutuları üst barda daha düzgün yayılsın */
.top-detail-nav .top-category {
    min-width: max-content !important;
}

.top-detail-nav .top-category-btn {
    min-width: clamp(168px, 11vw, 230px) !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Topbar aksiyonlarını sağda sabit tut */
.topbar .top-actions,
.top-actions {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

/* Kategori menüsü yokken gereksiz boşluk oluşmasın */
body[data-current="home"] .top-detail-nav:empty,
body[data-initial-section="home"] .top-detail-nav:empty {
    display: none !important;
}

/* Header logo ve kategori arası hizalama */
.topbar .brand {
    flex: 0 0 auto !important;
}

/* Detay sayfalarında breadcrumb ile üst bar çakışmasın */
.service-detail-page .service-detail-hero {
    padding-top: calc(var(--nav-h, 96px) + 62px) !important;
}

/* Daha küçük ekranlarda kategori alanını kaydırılabilir bırak */
@media (max-width: 1280px) {
    .top-detail-nav .top-category-btn {
        min-width: clamp(148px, 13vw, 190px) !important;
    }

    .topbar .brand + .top-nav + .top-detail-nav,
    .brand + .top-nav + .top-detail-nav,
    .topbar .brand + .top-detail-nav,
    .brand + .top-detail-nav {
        margin-left: clamp(16px, 1.8vw, 28px) !important;
    }
}

@media (max-width: 980px) {
    .topbar .top-detail-nav,
    .top-detail-nav {
        max-width: 52vw !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scrollbar-width: none !important;
    }

    .top-detail-nav::-webkit-scrollbar {
        display: none !important;
    }

    .top-detail-nav .top-category-btn {
        min-width: 154px !important;
    }
}

@media (max-width: 760px) {
    .topbar .top-detail-nav,
    .top-detail-nav {
        display: none !important;
    }
}