/* Enhanced Navbar Design Improvements */

/* Navbar bottom container improvements */
.n-header--bottom {
    padding: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Search box hover state */
.n-header--bottom #search-form .search-box:hover {
    border-color: #d1d5db !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Search box focus state */
.n-header--bottom #search-form .search-box:focus-within {
    border-color: var(--primary-500) !important;
    box-shadow: 0 0 0 3px rgba(10, 101, 204, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Dropdown select hover */
.n-header--bottom #search-form .search-box select:hover {
    background-color: rgba(0, 0, 0, 0.02) !important;
    border-radius: 4px !important;
}

/* Input placeholder styling */
.n-header--bottom #search-form .search-input::placeholder {
    color: #9CA3AF !important;
    font-weight: 400 !important;
}

/* Logo hover effect */
.brand-logo {
    transition: opacity 0.2s ease !important;
}

.brand-logo:hover {
    opacity: 0.85 !important;
}

/* Right side buttons spacing */
.n-header--bottom__right {
    gap: 1rem !important;
}

/* Button improvements */
.btn-primary {
    transition: all 0.2s ease !important;
}

.btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px -1px rgba(10, 101, 204, 0.3) !important;
}

.btn-primary:active {
    transform: translateY(0) !important;
}

/* Notification and profile icons */
.n-header--bottom__right .candidate-profile,
.n-header--bottom__right .notifications-icon {
    transition: transform 0.2s ease !important;
}

.n-header--bottom__right .candidate-profile:hover,
.n-header--bottom__right .notifications-icon:hover {
    transform: scale(1.05) !important;
}

/* Currency and country dropdowns in header */
.n-header--top .dropdown-toggle {
    transition: color 0.2s ease !important;
}

.n-header--top .dropdown-toggle:hover {
    color: var(--primary-500) !important;
}

/* Responsive improvements */
@media (max-width: 991px) {
    .n-header--bottom {
        padding: 0.75rem 0 !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .n-header--bottom #search-form {
        max-width: 420px !important;
        min-width: 280px !important;
    }
}

@media (min-width: 1200px) {
    .n-header--bottom #search-form {
        max-width: 600px !important;
    }
}

/* Menu items hover */
.menu-active-classes .menu-item a {
    position: relative !important;
    transition: color 0.2s ease !important;
}

.menu-active-classes .menu-item a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background-color: var(--primary-500) !important;
    transition: width 0.3s ease !important;
}

.menu-active-classes .menu-item a:hover::after,
.menu-active-classes .menu-item a.active::after {
    width: 100% !important;
}
