/**
 * Afervescence — V2 quick wins overrides (2026-04-25)
 * Charge en complement de style.css. Utilise les variables CSS
 * deja definies dans :root (--green, --ink, --cream, --green-deep...).
 *
 * Scope minimal pour zero regression :
 * - QW#4 : CTA primaire hero en vert (scope .section-hero)
 * - QW#7 : focus visible global accessible (WCAG 2.4.7)
 */

/* ─── QW#4 · CTA hero primaire en vert ───────────────────────────
 * Brief : un seul CTA primaire vert #01D662 dans le hero, reserve
 * aux actions a forte intention. Les secondaires en outline noir.
 * Scope strict .section-hero pour ne pas affecter les autres boutons
 * primaires du site (qui restent noirs par defaut).
 */
.section-hero .wp-block-button.btn-primary .wp-block-button__link {
    background: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--ink) !important;
    font-weight: 700;
    transition: background 160ms ease-out, transform 120ms ease-out, box-shadow 160ms ease-out;
}
.section-hero .wp-block-button.btn-primary .wp-block-button__link:hover {
    background: var(--green-deep) !important;
    border-color: var(--green-deep) !important;
    box-shadow: var(--shadow-md);
}
.section-hero .wp-block-button.btn-primary .wp-block-button__link:active {
    transform: translateY(1px);
}

/* CTA secondaire dans le hero : outline noir, devient plein au hover.
 * Hierarchie visuelle claire : vert plein (primaire) > outline noir (secondaire). */
.section-hero .wp-block-button:not(.btn-primary) .wp-block-button__link {
    background: transparent !important;
    color: var(--ink) !important;
    border: 1.5px solid var(--ink) !important;
    transition: background 160ms ease-out, color 160ms ease-out;
}
.section-hero .wp-block-button:not(.btn-primary) .wp-block-button__link:hover {
    background: var(--ink) !important;
    color: var(--cream) !important;
}

/* ─── QW#7 · Focus visible global (WCAG 2.4.7 a11y) ────────────── */
*:focus-visible {
    outline: 2px solid var(--green) !important;
    outline-offset: 3px !important;
    border-radius: 2px;
}
/* Eviter le outline par defaut du browser sur les clicks souris */
*:focus:not(:focus-visible) {
    outline: none;
}

/* Lien dans le contenu : underline subtil au hover, plus accessible
 * que les liens "color only" (regle ux color-not-only). */
.entry-content a:not(.wp-block-button__link):not(.wp-element-button):hover {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 2px;
}