/* CSS Document */



.page-id-2752 .site-header,
.page-id-2758 .site-header{
	display: none !important;
}
.page-id-2752 .site-content,
.page-id-2758 .site-content{
	padding-top: 0 !important;
}
/* --- LAYOUT BOXED FINAL V3 (SCOPED TO REGISTRATION PAGE) --- */

body.buddypress.register .register-section-logo {
    margin: 0 auto !important;
}
/* 1. FOND DE PAGE GLOBAL 
   Cible uniquement le corps de la page d'inscription */
body.registration{
    background-color: var(--color-blue-60, #5e8ddb) !important;
    background-image: none !important;
    min-height: 100vh;
}


/* On force aussi les conteneurs internes à être transparents ou bleus */
body.registration #page,
body.registration #content.site-content,
body.registration .bs-bp-container-reg {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. LA BOITE BLANCHE (Plus large) */
body.registration article.bp_register {
    background-color: #ffffff;
    width: 100%;
    max-width: 700px; 
    margin: 0px auto;
    padding: 40px; 
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    text-align: center;
}

/* 3. LOGO ET TITRE (Sécurisé) */
body.registration .register-section-logo img {
    max-width: 180px; 
    margin-bottom: 25px;
}

/* Protection critique : on ne cible que le titre de CETTE page */
body.registration .entry-title {
    font-size: 32px; 
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 5px;
}

body.registration .entry-header span {
    font-size: 15px;
    color: #6b7280;
    margin-bottom: 30px;
    display: block;
}

/* Le bouton "Se connecter" ou lien header */
body.registration .entry-header a {
    border-radius: 24px;
    padding: 6px 12px;
    background: var(--color-blue-60, #5e8ddb);
    color: #fff;
    text-decoration: none; /* Petit ajout propreté */
}

/* 4. RE-ORGANISATION DES ÉLÉMENTS */
body.registration form#signup-form {
    display: flex;
    flex-direction: column;
    text-align: left;
}

/* Ordre 1 : Les champs */
body.registration form#signup-form .layout-wrap {
    order: 1;
}

/* Ordre 2 : La Checkbox "I Agree" */
body.registration form#signup-form .input-options {
    order: 2 !important;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ordre 3 : Le bouton "Créer un compte" */
body.registration form#signup-form .submit {
    order: 3;
    margin-top: 0;
}

/* Ordre 4 : Le bouton Google */
body.registration form#signup-form #bb-sso-custom-login-form-1 {
    order: 4;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

/* 5. DESIGN DU BOUTON "AFFORDANT" */
/* 5. DESIGN DU BOUTON "CRÉER UN COMPTE" (CORRIGÉ) */
body.registration #signup_submit {
    /* Reset des contraintes BuddyBoss */
    height: auto !important; 
    min-height: 55px !important; /* Hauteur minimale confortable */
    line-height: normal !important; /* Empêche le texte d'être décalé */
    
    width: 100%;
    background-color: var(--color-blue-secondary, #ff4757) !important; 
    color: white !important;
    border: none !important;
    
    /* Padding vertical ajusté pour centrer le texte */
    padding: 16px 24px !important; 
    
    border-radius: 50px !important; 
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: none !important; 
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    
    /* Flexbox pour centrer parfaitement le texte dans le bouton (si le navigateur le supporte sur un input) */
    display: flex;
    justify-content: center;
    align-items: center;
}
body.registration #signup_submit:hover {
    filter: brightness(110%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* 6. STYLE DES CHAMPS */
/* On cible spécifiquement les inputs dans #buddypress pour éviter les conflits menu/search */
body.registration #buddypress input[type=text],
body.registration #buddypress input[type=email],
body.registration #buddypress input[type=password] {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 12px !important;
    font-size: 18px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    color: var(--color-blue-primary) !important;
    font-weight: 500 !important;
}

body.registration #buddypress input:focus {
    border-color: var(--color-blue-secondary, #3b4c9b);
    background: #fff;
    outline: none;
}

/* 7. NETTOYAGE */
/*body.registration .signup_email_confirm, */
body.registration .bb-sso-separator, 

body.registration .field-visibility-settings-toggle { 
    display: none !important; 
}

/* Style spécifique pour le texte de la checkbox */
body.registration .input-options label {
    font-size: 14px;
    color: #555;
    margin-left: 8px;
    cursor: pointer;
}
/* --- ALIGNEMENT CHECKBOX --- */
body.registration .input-options label {
    display: inline-flex !important; /* Force l'alignement sur une ligne */
    align-items: center;
    flex-wrap: wrap; /* Permet de passer à la ligne si besoin sur mobile */
    gap: 4px; /* Espace entre "J'accepte" et le lien */
    font-size: 14px;
    color: #555;
}

body.registration .input-options label a {
    margin-left: 2px;
}


/* --- PAGE DE CONNEXION (GRAVITY FORMS) --- */

/* 1. On applique le fond bleu à la page de connexion */
/* Remplace .page-id-XXX par l'ID de ta page si besoin, ou utilise une classe body */
body.page-template-default:has(.gform_wrapper_login), /* Détection moderne */
body.page-se-connecter, /* Si le slug est 'se-connecter' */
body.login-page {
    background-color: var(--color-blue-60, #5e8ddb) !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. La Boite Blanche (Le Conteneur du Login) */
.gform_wrapper_login {
    background-color: #ffffff;
    width: 100%;
    max-width: 500px; /* Un peu plus étroit que le register */
    min-width: 500px;
    margin: 40px auto;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    text-align: center;
}

/* 3. Les Champs (Email / Mot de passe) */
.gform_wrapper_login input[type="text"],
.gform_wrapper_login input[type="password"] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    padding: 16px !important;
    font-size: 18px !important;
    width: 100% !important;
    margin-bottom: 15px;
    height: 40px !important;
}

/* 4. Le Bouton "Connexion" */
.gform_wrapper_login input[type="submit"] {
    width: 100%;
    background-color: var(--color-blue-secondary, #ff4757) !important;
    color: white !important;
    border: none;
    padding: 8px 16px 16px !important;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}
.gform_wrapper_login input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* 5. Les liens (Mot de passe oublié / S'inscrire) */
.gform_wrapper_login .gform_login_links {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.gform_wrapper_login .gform_login_links a {
    color: #666;
    text-decoration: none;
}
.gform_wrapper_login .gform_login_links a:hover {
    color: var(--color-blue-60, #5e8ddb);
    text-decoration: underline;
}

/* 6. Checkbox "Se souvenir de moi" */
.gform_wrapper_login .gform_login_remember {
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
}
.gform_wrapper form .top_label .gfield_label {
    font-size: 18px;
    display: block;
    padding: 4px 0 10px;
}

.page-template-page-fullscreen #content{
	padding: 0 !important;
}
.register-privacy-info{
	padding:16px;
	border-radius: 12px;
	background: var(--color-blue-10);
	margin: 0 0 2rem !important;
}



/* --- LAYOUT BOXED FINAL V3 (SCOPED TO REGISTRATION PAGE) --- */
.page-template-page-fullscreen #content{
	padding: 0 !important;
}
body.buddypress.register .register-section-logo {
    margin: 0 auto !important;
}
/* 1. FOND DE PAGE GLOBAL 
   Cible uniquement le corps de la page d'inscription */
body.registration {
    background-color: var(--color-blue-secondary) !important;
    background-image: none !important;
    min-height: 100vh;
}

/* On force aussi les conteneurs internes à être transparents ou bleus */
body.registration #page,
body.registration #content.site-content,
body.registration .bs-bp-container-reg {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. LA BOITE BLANCHE (Plus large) */
body.registration article.bp_register {
    background-color: #E1EDFA;
    width: 100%;
    max-width: 600px !important; 
    margin: 0px auto;
    padding: 40px; 
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    text-align: center;
}
.bs-bp-container-reg #buddypress #signup-form.standard-form fieldset{
	
    margin-top: 16px !important;
    border-bottom: 1px dashed #6393D6;
    padding-bottom: 6px;
}
/* 3. LOGO ET TITRE (Sécurisé) */
body.registration .register-section-logo img {
    max-width: 180px; 
    margin-bottom: 25px;
}

/* Protection critique : on ne cible que le titre de CETTE page */
body.registration .entry-title {
    font-size: 32px; 
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 5px;
}

body.registration .entry-header span {
    font-size: 15px;
    color: #6b7280;
    margin-bottom: 30px;
    display: block;
}

/* Le bouton "Se connecter" ou lien header */
body.registration .entry-header a {
    border-radius: 24px;
    padding: 6px 12px;
    background: var(--color-blue-60, #5e8ddb);
    color: #fff;
    text-decoration: none; /* Petit ajout propreté */
}

/* 4. RE-ORGANISATION DES ÉLÉMENTS */
body.registration form#signup-form {
    display: flex;
    flex-direction: column;
    text-align: left;
}

/* Ordre 1 : Les champs */
body.registration form#signup-form .layout-wrap {
    order: 1;
}

/* Ordre 2 : La Checkbox "I Agree" */
body.registration form#signup-form .input-options {
    order: 2 !important;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ordre 3 : Le bouton "Créer un compte" */
body.registration form#signup-form .submit {
    order: 3;
    margin-top: 0;
}

/* Ordre 4 : Le bouton Google */
body.registration form#signup-form #bb-sso-custom-login-form-1 {
    order: 4;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

/* 5. DESIGN DU BOUTON "AFFORDANT" */
/* 5. DESIGN DU BOUTON "CRÉER UN COMPTE" (CORRIGÉ) */
body.registration #signup_submit {
    /* Reset des contraintes BuddyBoss */
    height: auto !important; 
    min-height: 55px !important; /* Hauteur minimale confortable */
    line-height: normal !important; /* Empêche le texte d'être décalé */
    
    width: 100%;
    background-color: var(--color-blue-secondary, #ff4757) !important; 
    color: white !important;
    border: none !important;
    
    /* Padding vertical ajusté pour centrer le texte */
    padding: 16px 24px !important; 
    
    border-radius: 50px !important; 
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: none !important; 
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    
    /* Flexbox pour centrer parfaitement le texte dans le bouton (si le navigateur le supporte sur un input) */
    display: flex;
    justify-content: center;
    align-items: center;
}
body.registration #signup_submit:hover {
    filter: brightness(110%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* 6. STYLE DES CHAMPS */
/* On cible spécifiquement les inputs dans #buddypress pour éviter les conflits menu/search */
body.registration #buddypress input[type=text],
body.registration #buddypress input[type=email],
body.registration #buddypress input[type=password] {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 24px !important;
    padding: 12px !important;
    font-size: 18px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    color: var(--color-blue-primary) !important;
    font-weight: 500 !important;
}

body.registration #buddypress input:focus {
    border-color: var(--color-blue-secondary, #3b4c9b);
    background: #fff;
    outline: none;
}

/* 7. NETTOYAGE */
/*body.registration .signup_email_confirm, */
body.registration .bb-sso-separator, 
body.registration .field-visibility-settings-toggle { 
    display: none !important; 
}

/* Style spécifique pour le texte de la checkbox */
body.registration .input-options label {
    font-size: 14px;
    color: #555;
    margin-left: 8px;
    cursor: pointer;
}
/* --- ALIGNEMENT CHECKBOX --- */
body.registration .input-options label {
    display: inline-flex !important; /* Force l'alignement sur une ligne */
    align-items: center;
    flex-wrap: wrap; /* Permet de passer à la ligne si besoin sur mobile */
    gap: 4px; /* Espace entre "J'accepte" et le lien */
    font-size: 14px;
    color: #555;
}

body.registration .input-options label a {
    margin-left: 2px;
}

/* --- PAGE ONBOARDING (ID 11302) - RESET TOTAL & DESIGN --- */

/* 1. RESET ET STRUCTURE (Ligne unique) */
body.page-id-11724 .gform_wrapper .gfield_radio ,
body.page-id-11302 .gform_wrapper .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Force la ligne sur Desktop */
    gap: 15px !important;
    width: 100%;
}

/* Supprime les puces et marges par défaut */
body.page-id-11724 .gform_wrapper .gfield_radio li,
body.page-id-11302 .gform_wrapper .gfield_radio li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important; /* Largeur égale pour tous */
}

/* 2. CACHER L'INPUT RADIO (Le cercle) */
/* On cache totalement le cercle système pour ne garder que la "Tuile" */
body.page-id-11302 .gform_wrapper .gfield_radio input[type="radio"],
body.page-id-11724 .gform_wrapper .gfield_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
/* On tue les pseudo-éléments de BuddyBoss qui créent des cercles fantômes */
body.page-id-11302 .gform_wrapper .gfield_radio input[type="radio"]::before,
body.page-id-11302 .gform_wrapper .gfield_radio input[type="radio"]::after,
body.page-id-11302 .gform_wrapper .gfield_radio label::before,
body.page-id-11302 .gform_wrapper .gfield_radio label::after,
body.page-id-11724 .gform_wrapper .gfield_radio input[type="radio"]::before,
body.page-id-11724 .gform_wrapper .gfield_radio input[type="radio"]::after,
body.page-id-11724 .gform_wrapper .gfield_radio label::before,
body.page-id-11724 .gform_wrapper .gfield_radio label::after {
    display: none !important;
    content: none !important;
}

/* 3. DESIGN DE LA TUILE (LABEL) */
body.page-id-11302 .gform_wrapper .gfield_radio label,
body.page-id-11724 .gform_wrapper .gfield_radio label {
    display: flex !important;
    align-items: center;
    justify-content: center; /* Texte centré dans la tuile */
    
    background-color: #fff;
    border: 2px solid #e5e7eb; /* Bordure grise un peu épaisse */
    border-radius: 12px;
    padding: 15px 10px !important;
    
    font-size: 15px;
    font-weight: 600;
    color: #4b5563;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* 4. ÉTAT SÉLECTIONNÉ (LE CHANGEMENT RADICAL) */
/* Quand coché : Fond Bleu + Texte Blanc + Bordure Bleue */
body.page-id-11724 .gform_wrapper .gfield_radio input[type="radio"]:checked + label,
body.page-id-11302 .gform_wrapper .gfield_radio input[type="radio"]:checked + label {
    background-color: var(--color-blue-60, #3b4c9b) !important; /* Bleu Bridge */
    color: #ffffff !important; /* Texte BLANC */
    border-color: var(--color-blue-60, #3b4c9b) !important;
    box-shadow: 0 4px 10px rgba(59, 76, 155, 0.3); /* Ombre portée */
    transform: translateY(-2px); /* Petit effet de relief */
}

/* Effet Hover (Survol) simple */
body.page-id-11724 .gform_wrapper .gfield_radio label:hover,
body.page-id-11302 .gform_wrapper .gfield_radio label:hover {
    border-color: var(--color-blue-60, #3b4c9b);
    color: var(--color-blue-60, #3b4c9b);
}

/* 5. CORRECTION MENU DÉROULANT (PAYS) COUPÉ */
body.page-id-11302 .gform_wrapper select,
body.page-id-11724 .gform_wrapper select {
    height: 40px !important; /* Hauteur fixe pour éviter le texte coupé */
    line-height: normal !important;
    padding: 8px 15px !important;
    background-color: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    color: #1f2937 !important;
    font-size: 16px !important;
}

/* 6. LE BOUTON SUBMIT (ROUGE ET ROND) */
/* Sélecteur très précis pour forcer le style */
body.page-id-11302 .gform_wrapper .gform_footer input[type="submit"],
body.page-id-11302 .gform_wrapper input[type="submit"],
body.page-id-11724 .gform_wrapper .gform_footer input[type="submit"],
body.page-id-11724 .gform_wrapper input[type="submit"] {
    background-color: var(--color-blue-secondary, #ff4757) !important; /* ROUGE/ROSE */
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important; /* ARRONDIS MAX */
    padding: 18px 30px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    width: 100%;
    margin-top: 25px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.2s;
    text-transform: none !important;
}

body.page-id-11724 .gform_wrapper input[type="submit"]:hover,
body.page-id-11302 .gform_wrapper input[type="submit"]:hover {
    transform: translateY(-2px);
    filter: brightness(110%);
}

/* 7. RESPONSIVE MOBILE */
@media only screen and (max-width: 768px) {
    body.page-id-11724 .gform_wrapper .gfield_radio ,
    body.page-id-11302 .gform_wrapper .gfield_radio {
        flex-wrap: wrap !important;
    }
    body.page-id-11724 .gform_wrapper .gfield_radio li,
    body.page-id-11302 .gform_wrapper .gfield_radio li {
        min-width: 45% !important; /* 2 boutons par ligne sur mobile */
    }
	
	.gform_wrapper_login {
    	min-width: 400px;
	}
}
.page-id-11689 .gfield_required.gfield_required_text,
.page-id-11658 .gfield_required.gfield_required_text{
	display: none
}

.page-id-11689 .gf_login_links a,
.page-id-11658 .gf_login_links a{
	font-size: 16px;
}

.page-id-11689 .gf_login_links a:hover,
.page-id-11658 .gf_login_links a:hover{
	color: var(--color-blue-60) !important;
}

.bs-bp-container-reg #buddypress #signup-form.standard-form div.error {
    background-color: transparent !important;
    color: var(--bb-danger-color) !important;
}
.bs-bp-container-reg .buddypress-wrap #pass-strength-result.strong {
    background-color: transparent !important;
    color: var(--bb-success-color) !important;
    font-weight: 400 !important;
    border: none !important;
    margin: -20px 0 0 !important;
}


.bs-bp-container-reg .buddypress-wrap .bp-messages.info {
    background-color: var(--color-blue-80) !important;
    border-color: var(--color-blue-80) !important;
	
    border-radius: 12px !important;
}
.bs-bp-container-reg .buddypress-wrap .bp-messages.info .bp-icon {
    background-color: var(--color-blue-80) !important;
    
}

.bs-bp-container-reg .buddypress-wrap .bp-messages.info p{
   font-weight: 500 !important;
	font-size: 18px !important;
}

body.activate.buddypress {
    background-color: var(--color-blue-secondary) !important
}
body.activate.buddypress article.bp_activate{
	padding: 20px;
	background: #fff;
	border-radius: 12px;
}
.gfield_required{
	display: none !important;
}

body.registration form#signup-form .input-options {
    justify-content: start;
    gap: 30px;
}
.bs-styled-radio+.bb-radio-label:before, .bs-styled-radio+label:before {
    margin-right: 2px;
}
body.registration .input-options label {
    margin-left: 0;
}
body.registration form#signup-form .field_date-of-birth .input-options {
    gap: 0px;
}


/* -------------------------------------------------------------------------
   STYLE DU BOUTON DE TRADUCTION (DISCRET)
   ------------------------------------------------------------------------- */
.deepl-trigger-wrapper a.deepl-open-modal.bridge-subtle-translate {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #64748b !important; /* Gris bleuté discret typique des metas */
    font-size: 13px !important; /* Taille légèrement réduite */
    font-weight: 500;
    padding: 4px 8px 4px 0 !important; /* Enlève le padding excessif */
    display: inline-flex;
    align-items: center;
    gap: 6px; /* Espace entre l'icône et le texte */
    transition: color 0.2s ease;
    text-decoration: none !important;
}

/* Opacité légèrement réduite sur l'icône globe */
.deepl-trigger-wrapper a.deepl-open-modal.bridge-subtle-translate i {
    font-size: 14px;
    opacity: 0.7;
}

/* Changement de couleur au survol pour indiquer que c'est cliquable */
.deepl-trigger-wrapper a.deepl-open-modal.bridge-subtle-translate:hover {
    color: #00024E !important; /* Le bleu sombre de votre thème */
}
div#buddypress .activity-read-more a{
	color: var(--color-blue-80) !important;
}