/* 
* Hero and Contact Buttons Enhancement
* This file adds consistent styling to the "Get In Touch" / "Our Services" buttons
* in the hero section and the "How can we assist?" button in the navbar
*/

/* Common button enhancement for all primary buttons */
.btn-primary {
    transition: all 0.3s ease-out !important;
}

/* Enhanced glow effect on hero buttons and navbar button */
.hero-buttons .btn-primary:hover,
.hero-buttons .btn-outline-light:hover,
.navbar .btn-primary:hover {
    box-shadow: 0 15px 35px rgba(43, 57, 144, 0.4) !important;
    transform: translateY(-3px) !important;
    transition: all 0.3s ease-out !important;
}

/* Consistent focus state */
.hero-buttons .btn:focus,
.navbar .btn-primary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(43, 57, 144, 0.3) !important;
}

/* Ensure button text is properly cased and has correct font weight */
.navbar .btn-primary {
    font-weight: 500 !important;
    text-transform: none !important; /* Ensures "How can we assist?" is displayed as mixed case */
}

/* Make the buttons match in height with the navigation items */
@media (min-width: 992px) {
    .navbar .nav-item:last-child {
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    
    .navbar .btn-primary {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        margin-left: 15px !important;
    }
}