/* 
* Assist Button Styling
* Created to make the "How can we assist?" button blend better with navigation
* With the improved blue glow effect on hover
*/

/* Override primary button styling in the navigation */
.navbar .btn-primary {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
    font-weight: 500;
    margin-left: 12px;
    border-radius: 50px;
    padding: 8px 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    top: 1px; /* Align with the navigation */
}

/* Hover effect with brand colors and blue glow - matching the hero buttons */
.navbar .btn-primary:hover {
    background-color: #2B3990; /* Primary blue */
    color: #ffffff;
    border-color: #2B3990;
    box-shadow: 0 12px 35px rgba(43, 57, 144, 0.4); /* Enhanced blue glow, matching hero buttons */
    text-decoration: none;
    transform: translateY(-2px); /* Slight lift effect */
    transition: all 0.3s ease;
}

/* Active/Focus states */
.navbar .btn-primary:active, 
.navbar .btn-primary:focus {
    background-color: #2B3990;
    color: #ffffff;
    border-color: #2B3990;
    box-shadow: 0 5px 15px rgba(43, 57, 144, 0.5);
    text-decoration: none;
    outline: none;
}

/* Mobile responsive adjustments */
@media (max-width: 991.98px) {
    .navbar .btn-primary {
        margin-left: 0;
        margin-top: 10px;
        display: inline-block;
        width: max-content;
        text-align: center;
    }
}

/* Fix vertical alignment in desktop view */
@media (min-width: 992px) {
    .navbar .btn-primary {
        display: flex;
        align-items: center;
        height: calc(100% - 10px);
        margin-top: 5px;
    }
    
    /* Ensure button shows blue glow on hover in all views */
    .navbar .nav-item:last-child {
        display: flex;
        align-items: center;
    }
}