/**
 * reCAPTCHA Component CSS
 * Keycloak 26 - Banque de France
 * Styles pour le contrôle de sécurité et le widget reCAPTCHA
 */

/* ========================================
   CONTRÔLE DE SÉCURITÉ (reCAPTCHA)
   ======================================== */

.bdf-security-notice {
    margin-top: var(--bdf-spacing-sm);
    margin-bottom: var(--bdf-spacing-sm);
    padding: var(--bdf-spacing-md);
    background-color: var(--bdf-bg-section);
    border-left: 4px solid var(--bdf-primary);
}

.bdf-security-notice h4 {
    font-size: var(--bdf-font-size-lg);
    font-weight: var(--bdf-font-weight-semibold);
    color: var(--bdf-text-primary);
    margin: 0 0 var(--bdf-spacing-sm) 0;
}

.bdf-security-notice p {
    font-size: var(--bdf-font-size-base);
    color: var(--bdf-text-secondary);
    margin: 0;
    line-height: var(--bdf-line-height-relaxed);
}

/* Section reCAPTCHA avec bouton révélateur 
.bdf-recaptcha-section {
    margin-top: var(--bdf-spacing-lg);
    margin-bottom: var(--bdf-spacing-lg);
}
*/

/* Bouton révélateur reCAPTCHA */
.bdf-recaptcha-reveal-container {
    display: flex;
    justify-content: center;
    margin-bottom: var(--bdf-spacing-md);
}

.bdf-recaptcha-reveal-btn {
    display: flex;
    align-items: center;
    gap: var(--bdf-spacing-md);
    padding: var(--bdf-spacing-md) var(--bdf-spacing-xl);
    background-color: var(--bdf-bg-card);
    border: var(--bdf-border-width) solid var(--bdf-border-color);
    border-radius: var(--bdf-border-radius);
    font-family: var(--bdf-font-family);
    font-size: var(--bdf-font-size-base);
    font-weight: var(--bdf-font-weight-medium);
    color: var(--bdf-text-primary);
    cursor: pointer;
    transition: all var(--bdf-transition-fast);
}

.bdf-recaptcha-reveal-btn:hover {
    background-color: var(--bdf-bg-section);
    border-color: var(--bdf-primary);
    transform: translateY(-1px);
    box-shadow: var(--bdf-shadow-md);
}

.bdf-recaptcha-logo {
    width: 24px;
    height: 24px;
}

/* Container du reCAPTCHA réel */
#g-recaptcha-container {
    display: flex;
    justify-content: center;
    margin-bottom: var(--bdf-spacing-md);
}

/* Séparateur "OU" */
.bdf-register-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: var(--bdf-spacing-lg) 0;
}

.bdf-register-or {
    padding: 0 var(--bdf-spacing-md);
    font-size: var(--bdf-font-size-lg);
    font-weight: var(--bdf-font-weight-semibold);
    color: var(--bdf-text-secondary);
}

/* Bouton FranceConnect dans register */
.bdf-register-fc-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: var(--bdf-spacing-xl);
}