/* =========================================================
   01 - HEADER FIX
   Topbar, header, fixed header, search dropdown
========================================================= */

/* Header fixed scroll zamanı itməsin */
.sticky-header {
    height: 66px !important;
    background: rgba(255, 255, 255, .98) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid var(--btv-border) !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 9000 !important;
    transform: translateY(-110%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: .25s ease !important;
    overflow: visible !important;
    display: block !important;
}

body.header-fixed .sticky-header {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.sticky-row {
    height: 66px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
}

.sticky-logo img {
    height: 30px !important;
    width: auto !important;
}

.sticky-categories {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    position: relative !important;
}

.sticky-categories > a,
.sticky-categories .nav-dropdown-toggle {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.sticky-categories > a:hover,
.sticky-categories .nav-dropdown-toggle:hover {
    color: var(--btv-red) !important;
}

.sticky-header .nav-dropdown-menu {
    top: calc(100% + 15px) !important;
    right: 0 !important;
    z-index: 9500 !important;
}

.sticky-header .nav-dropdown.active .nav-dropdown-menu {
    display: grid !important;
}

/* Topbar hover pause */
.btv-topbar:hover .topbar-track,
.topbar-marquee:hover .topbar-track,
.topbar-track:hover {
    animation-play-state: paused !important;
}

/* Search dropdown yeni nəticələr */
.search-suggestions {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    border: 1px solid #e4e9f1 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 38px rgba(6, 26, 51, .16) !important;
    padding: 8px !important;
    overflow: hidden !important;
    display: none !important;
}

.search-suggestions.active {
    display: block !important;
}

.search-suggestion-item {
    display: grid !important;
    grid-template-columns: 54px 1fr !important;
    gap: 10px !important;
    padding: 8px !important;
    border-radius: 11px !important;
    color: var(--btv-dark) !important;
    text-decoration: none !important;
    transition: .18s ease !important;
    border-bottom: 0 !important;
}

.search-suggestion-item:hover {
    background: #f4f7fb !important;
    color: var(--btv-dark) !important;
}

.search-suggestion-item img {
    width: 54px !important;
    height: 42px !important;
    border-radius: 9px !important;
    object-fit: cover !important;
    background: #061a33 !important;
}

.search-suggestion-item strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: var(--btv-dark) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.search-suggestion-item span {
    display: block !important;
    margin-top: 4px !important;
    color: #7b8794 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.search-suggestion-all {
    height: 38px !important;
    margin-top: 6px !important;
    border-radius: 10px !important;
    background: var(--btv-red) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.search-suggestion-all:hover {
    background: var(--btv-dark) !important;
    color: #ffffff !important;
}

.search-suggestion-empty {
    padding: 14px !important;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .desktop-header,
    .sticky-header {
        display: none !important;
    }

    .mobile-header,
    .mobile-categories-bar {
        display: block !important;
    }

    .search-suggestions {
        position: fixed !important;
        top: 74px !important;
        left: 12px !important;
        right: 12px !important;
        max-height: calc(100vh - 100px) !important;
        overflow-y: auto !important;
    }
}