/* Fix for broken header styles */

/* Button fixes */
.btn-primary {
    background: var(--color-orange) !important;
    color: var(--color-white) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--color-orange), var(--color-blue)) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.btn-secondary {
    background: transparent !important;
    border: 2px solid var(--color-white) !important;
    color: var(--color-white) !important;
}

.btn-secondary:hover {
    background: var(--color-white) !important;
    color: var(--color-orange) !important;
}

.btn-lg {
    padding: 16px 36px !important;
    font-size: 1.05rem !important;
}

.btn-block {
    width: 100% !important;
    justify-content: center !important;
}

/* Header fixes - NOT fixed, scrolls with page */
.main-header {
    position: relative !important;
    width: 100% !important;
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    z-index: 100 !important;
}

.header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 0 !important;
}

.logo a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.logo-text {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #FF6B35, #004E89) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.nav-menu {
    display: flex !important;
    align-items: center !important;
    gap: 35px !important;
}

.nav-menu>li>a {
    font-weight: 500 !important;
    color: #1A2332 !important;
    position: relative !important;
}

.nav-menu>li>a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background: #FF6B35 !important;
    transition: all 0.3s ease !important;
}

.nav-menu>li>a:hover::after {
    width: 100% !important;
}

/* MOBILE FIX: Hide navigation on mobile */
@media (max-width: 992px) {
    .nav-menu {
        display: none !important;
    }

    .nav-bottom,
    .main-header.nav-bottom {
        display: none !important;
    }

    .mega-menu {
        display: none !important;
    }
}