/* Navigation CTA Button Styles */
li.cta-button {
    display: flex;
    align-items: center;
}

@media (min-width: 1025px) {
    li.cta-button {
        margin-left: auto; /* Push to far right if in flex container */
    }
}

li.cta-button > a,
li.cta-button > a.elementor-item {
    background-color: #0A3D62 !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
    min-height: 44px !important; /* Accessibility: minimum touch target */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
    background-image: none !important;
}

li.cta-button > a:hover,
li.cta-button > a:focus,
li.cta-button > a.elementor-item:hover,
li.cta-button > a.elementor-item:focus {
    background-color: #176A96 !important;
    color: #FFFFFF !important;
}

/* Mobile & Tablet adjustments */
@media (max-width: 1024px) {
    li.cta-button {
        margin-left: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
        justify-content: center;
    }
    
    li.cta-button > a,
    li.cta-button > a.elementor-item {
        width: 100%;
        text-align: center;
    }
}