/**
 * ============================================================================
 * COMPOSANT: Bouton Outline Or (.is-style-outline-gold)
 * BLOC CIBLE: core/button
 * STATUT: Validé visuellement et techniquement
 * 
 * RÈGLES D'UTILISATION ET ACCESSIBILITÉ:
 * - Ce bouton est conçu PRINCIPALEMENT pour les fonds sombres (ex: #080F3A).
 * - RESTRICTION: Ne pas utiliser sur fond blanc ou beige (#F5F2ED) car le
 *   contraste du texte or (#C9963A) ne respecte pas le seuil WCAG AA.
 *   (Un futur bouton alternatif devra être créé pour les surfaces claires).
 * - Les libellés doivent rester COURTS. 
 * - À ÉVITER: Les textes très longs qui passent sur plusieurs lignes, car
 *   le border-radius de 9999px (pilule) rendra le bouton disproportionné.
 * ============================================================================
 */

/* État normal */
.wp-block-button.is-style-outline-gold .wp-block-button__link {
    font-family: "Outfit", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28.8px;
    padding: 15px 35px;
    border-radius: 9999px;
    border: 1px solid #C9963A !important;
    color: #C9963A !important;
    background-color: transparent !important;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}

/* État Hover / Active */
.wp-block-button.is-style-outline-gold .wp-block-button__link:hover,
.wp-block-button.is-style-outline-gold .wp-block-button__link:active {
    background-color: #C9963A !important;
    color: #ffffff !important; /* Contraste sur fond or */
    border-color: #C9963A !important;
}

/* État Focus Clavier (Accessibilité) */
.wp-block-button.is-style-outline-gold .wp-block-button__link:focus-visible {
    outline: 2px solid #C9963A;
    outline-offset: 4px;
}

/* État Disabled */
.wp-block-button.is-style-outline-gold .wp-block-button__link:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/**
 * ============================================================================
 * COMPOSANT: Section Statistiques (Pattern Isolé)
 * ============================================================================
 */
.majulie-pattern-statistics {
    --majulie-stat-number-color: #C9963A; /* Or */
    --majulie-stat-label-color: #FFFFFF; /* Blanc */
}

.majulie-pattern-statistics .majulie-stat-number {
    color: var(--majulie-stat-number-color);
    font-family: "Playfair Display", serif;
}

.majulie-pattern-statistics .majulie-stat-label {
    color: var(--majulie-stat-label-color);
}

/**
 * ============================================================================
 * COMPOSANT: Section Contenu — Image et texte sur fond beige
 * ============================================================================
 */
/* Bouton spécifique isolé au pattern beige (fond clair) */
.majulie-pattern-content-beige .majulie-content-beige-button .wp-block-button__link {
    font-family: "Outfit", sans-serif;
    font-weight: 400; /* Based on the original button which wasn't bold */
    font-size: 16px;
    padding: 15px 35px;
    border-radius: 9999px;
    border: 1px solid #080F3A !important;
    color: #080F3A !important;
    background-color: transparent !important;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}

.majulie-pattern-content-beige .majulie-content-beige-button .wp-block-button__link:hover,
.majulie-pattern-content-beige .majulie-content-beige-button .wp-block-button__link:active {
    background-color: #080F3A !important;
    color: #F5F2ED !important;
    border-color: #080F3A !important;
}

.majulie-pattern-content-beige .majulie-content-beige-button .wp-block-button__link:focus-visible {
    outline: 2px solid #080F3A;
    outline-offset: 4px;
}

.majulie-pattern-content-beige .majulie-content-beige-button .wp-block-button__link:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}