/* Contact button variant styles */

/* White variant */
#contact-btn.btn-variant-white {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

#contact-btn.btn-variant-white:hover,
#contact-btn.btn-variant-white:focus {
    background: #fff;
    color: var(--secondary);
    border: 1px solid #fff;
}

/* Teal variant */
#contact-btn.btn-variant-teal {
    background: transparent;
    color: #056977;
    border: 1px solid #056977;
}

#contact-btn.btn-variant-teal:hover,
#contact-btn.btn-variant-teal:focus {
    background: #056977;
    color: #fff;
    border: 1px solid #056977;
}

/* Contact button responsive styles */
.contact-button-wrapper {
    margin-left: 3rem;
    /* Original ms-5 spacing */
}

/* Desktop: Keep original Bootstrap classes (px-5 py-2) - no overrides */
#contact-btn {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    white-space: nowrap;
    transition: all 0.3s ease;
}

/* Tablet adjustments */
@media (max-width: 991.98px) {
    .contact-button-wrapper {
        margin-left: 2rem;
    }

    #contact-btn {
        font-size: 0.85rem;
        padding: 0.5rem 1.25rem !important;
    }
}

/* Mobile adjustments */
@media (max-width: 767.98px) {
    .contact-button-wrapper {
        margin-left: 1rem;
    }

    #contact-btn {
        font-size: 0.75rem;
        padding: 0.4rem 1rem !important;
    }
}

@media (max-width: 575.98px) {
    .header-right-section {
        flex-wrap: nowrap;
        gap: 0.25rem;
    }

    .contact-button-wrapper {
        margin-left: 0.75rem;
    }

    #contact-btn {
        font-size: 0.7rem;
        padding: 0.35rem 0.75rem !important;
    }
}