/* Compact Header - Reduce Height Without Changing Logo Size */

/* Topbar - Reduce Height */
.topbar {
    padding: 3px 0 !important;
    min-height: 28px !important;
    line-height: 1.3 !important;
}

.topbar .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.topbar-text,
.topbar-link {
    padding: 2px 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
}

/* Main Header Section - Compact */
.navbar-sticky {
    padding: 8px 0 !important;
    min-height: auto !important;
}

.navbar-sticky .navbar {
    padding: 5px 0 !important;
    min-height: auto !important;
}

.navbar-sticky .container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Logo - Keep Size Same */
.navbar-brand {
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    height: auto !important;
}

.navbar-brand img.__inline-11 {
    max-width: 200px !important;
    max-height: 50px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar-brand img.__inline-12,
.mobile-logo-img {
    max-width: 150px !important;
    max-height: 45px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Search Bar - spacing only; alignment/width/style in block below */
.input-group-overlay {
    margin: 0 16px !important;
    padding: 0 !important;
}

/* Navbar Toolbar - Compact */
.navbar-toolbar {
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
}

.navbar-tool {
    padding: 0 !important;
    margin: 0 3px !important;
}

.navbar-tool-icon-box {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.navbar-tool-icon {
    font-size: 16px !important;
}

.navbar-tool-text {
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding-left: 4px !important;
    margin: 0 !important;
}

.navbar-tool-text small {
    font-size: 10px !important;
    display: block !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}

/* Navigation Menu - Compact */
.navbar-stuck-menu {
    padding: 6px 0 !important;
    min-height: auto !important;
}

.navbar-stuck-menu .navbar {
    padding: 0 !important;
    min-height: auto !important;
}

.navbar-stuck-menu .nav-link,
.navbar-stuck-menu .navbar-nav .nav-link,
.navbar-stuck-menu .btn.dropdown-toggle {
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 0 2px !important;
    color: #ffffff !important;
}

/* Cart Badge */
.navbar-tool-label {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    padding: 0 !important;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .navbar-sticky {
        padding: 5px 0 !important;
    }
    
    .navbar-brand img {
        max-height: 40px !important;
    }
    
    .navbar-toolbar {
        gap: 5px !important;
    }
    
    .navbar-tool-icon-box {
        width: 32px !important;
        height: 32px !important;
    }
}

/* Remove Extra Spacing */
header {
    margin-bottom: 0 !important;
}

header .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Ensure Logo Doesn't Grow */
.navbar-brand {
    flex-shrink: 0 !important;
    max-width: 200px !important;
}

/* ===== Search bar: alignment, full width, attractive (must load last) ===== */
.header-nav-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.header-nav-row .input-group-overlay {
    flex: 1 1 0% !important;
    min-width: 120px !important;
    max-width: none !important;
    display: flex !important;
    align-items: stretch !important;
}

.header-nav-row .input-group-overlay .search_form {
    width: 100% !important;
    min-width: 0 !important;
}

/* Search input - prominent and styled */
.header-nav-row .search-bar-input {
    height: 46px !important;
    padding: 12px 20px !important;
    padding-right: 3.25rem !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    border-radius: 10px 0 0 10px !important;
    border: 2px solid #e3e9ef !important;
    border-right: none !important;
    background: #fafbfc !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.25s ease !important;
}

.header-nav-row .search-bar-input::placeholder {
    color: #9ca3af !important;
}

.header-nav-row .search-bar-input:focus {
    border-color: #1B7FED !important;
    box-shadow: 0 0 0 3px rgba(27, 127, 237, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    outline: none !important;
    background: #fff !important;
}

/* Search button overlay - aligned and attractive */
.header-nav-row .input-group-overlay .input-group-append-overlay {
    top: 0 !important;
    height: 46px !important;
    align-items: center !important;
}

.header-nav-row .search_form .search_button {
    height: 46px !important;
    padding: 0 22px !important;
    border-radius: 0 10px 10px 0 !important;
    border: 2px solid #1B7FED !important;
    border-left: none !important;
    background: linear-gradient(180deg, #1B7FED 0%, #1565c0 100%) !important;
    box-shadow: 0 2px 8px rgba(27, 127, 237, 0.35) !important;
    transition: all 0.25s ease !important;
}

.header-nav-row .search_form .search_button:hover {
    background: linear-gradient(180deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 4px 12px rgba(27, 127, 237, 0.45) !important;
    transform: translateY(-1px) !important;
}

.header-nav-row .search_form .search_button .input-group-text {
    background: transparent !important;
    border: none !important;
}