/* Styles accessibles pour les boutons CTA dans le header */

/* CTA sur fond primaire (fond sombre) */
.starter-aeb-header.header-bg-primary .btn.cta-button,
.starter-aeb-header.header-bg-primary .btn.cta-button-2 {
    background-color: var(--white);
    color: var(--primary);
    border: 2px solid var(--white);
}

.starter-aeb-header.header-bg-primary .btn.cta-button:hover,
.starter-aeb-header.header-bg-primary .btn.cta-button-2:hover {
    background-color: transparent;
    color: var(--white);
    border-color: var(--white);
}

/* CTA sur fond secondaire/blanc/transparent (fond clair) */
.starter-aeb-header.header-bg-secondary .btn.cta-button,
.starter-aeb-header.header-bg-secondary .btn.cta-button-2,
.starter-aeb-header.header-bg-white .btn.cta-button,
.starter-aeb-header.header-bg-white .btn.cta-button-2,
.starter-aeb-header.header-bg-transparent .btn.cta-button,
.starter-aeb-header.header-bg-transparent .btn.cta-button-2 {
    background-color: var(--primary);
    color: var(--white);
    border: 2px solid var(--primary);
}

.starter-aeb-header.header-bg-secondary .btn.cta-button:hover,
.starter-aeb-header.header-bg-secondary .btn.cta-button-2:hover,
.starter-aeb-header.header-bg-white .btn.cta-button:hover,
.starter-aeb-header.header-bg-white .btn.cta-button-2:hover,
.starter-aeb-header.header-bg-transparent .btn.cta-button:hover,
.starter-aeb-header.header-bg-transparent .btn.cta-button-2:hover {
    background-color: transparent;
    color: var(--primary);
    border-color: var(--primary);
}

/* Style différencié pour le CTA 2 si souhaité */
.btn.cta-button-2 {
    margin-left: 10px;
}

/* Ajustements pour le header sticky */
.sticky-enabled.is-sticky .btn.cta-button,
.sticky-enabled.is-sticky .btn.cta-button-2 {
    padding: 8px 20px;
    font-size: 14px;
}

/* Version mobile */
@media (max-width: 768px) {
    .btn.cta-button,
    .btn.cta-button-2 {
        padding: 8px 16px;
        font-size: 14px;
    }
    
    .btn.cta-button-2 {
        margin-left: 5px;
        margin-top: 5px;
    }
}