.elementor-7606 .elementor-element.elementor-element-621670a9{--display:flex;}/* Start custom CSS for container, class: .elementor-element-621670a9 *//* ===========================================================
   CLINDOO – PAGES CONNEXION & MOT DE PASSE – CSS OPTIMISÉ
   =========================================================== */

/* ========================================
   STYLES DE BASE COMMUNS
   ======================================== */

/* SUPPRIME bordures parasites Elementor */
#pmpro_login,
.pmpro_login_wrap,
.pmpro_lost_password_wrap,
#pmpro_login *:not(input):not(select):not(textarea):not(button):not(.pmpro_message),
.pmpro_login_wrap *:not(input):not(select):not(textarea):not(button):not(.pmpro_message),
.pmpro_lost_password_wrap *:not(input):not(select):not(textarea):not(button):not(.pmpro_message) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Conteneurs principaux */
.pmpro_login_wrap,
.pmpro_lost_password_wrap.pmpro_card {
  max-width: 500px !important;
  margin: 40px auto !important;
}

/* Titres */
.pmpro_login_wrap h2,
.pmpro_login_wrap h3,
.pmpro_lost_password_wrap h2,
.pmpro_lost_password_wrap h3 {
  color: #4A90E2 !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  margin-bottom: 30px !important;
  padding-bottom: 15px !important;
  border: 0 !important;
  border-bottom: 2px solid #e2e8f0 !important;
  text-align: center !important;
}

/* Labels */
.pmpro_login_wrap label,
.pmpro_lost_password_wrap label {
  color: #0F172A !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Inputs */
.pmpro_login_wrap input[type="text"],
.pmpro_login_wrap input[type="email"],
.pmpro_login_wrap input[type="password"],
.pmpro_lost_password_wrap input[type="text"],
.pmpro_lost_password_wrap input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 18px !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
  transition: .3s !important;
  background: #fff !important;
  color: #0F172A !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
}

.pmpro_login_wrap input:focus,
.pmpro_lost_password_wrap input:focus {
  outline: none !important;
  border-color: #4A90E2 !important;
  box-shadow: 0 0 0 3px rgba(74,144,226,.1) !important;
}

/* Boutons principaux */
.pmpro_login_wrap input[type="submit"],
.pmpro_login_wrap button[type="submit"],
.pmpro_login_wrap .pmpro_btn-submit,
.pmpro_lost_password_wrap input[type="submit"],
.pmpro_lost_password_wrap .pmpro_btn-submit {
  background: linear-gradient(135deg,#4A90E2,#7BB3F0) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 30px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  cursor: pointer !important;
  transition: .3s !important;
  box-shadow: 0 2px 8px rgba(74,144,226,.2) !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.pmpro_login_wrap input[type="submit"]:hover,
.pmpro_login_wrap button[type="submit"]:hover,
.pmpro_login_wrap .pmpro_btn-submit:hover,
.pmpro_lost_password_wrap input[type="submit"]:hover,
.pmpro_lost_password_wrap .pmpro_btn-submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(74,144,226,.3) !important;
  background: linear-gradient(135deg,#3A7AC2,#6BA3E0) !important;
}

/* Liens */
.pmpro_login_wrap a,
.pmpro_lost_password_wrap a {
  color: #4A90E2 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: .3s !important;
}

.pmpro_login_wrap a:hover,
.pmpro_lost_password_wrap a:hover {
  color: #3A7AC2 !important;
  text-decoration: underline !important;
}

/* Messages d'erreur */
.pmpro_login_wrap .pmpro_message.pmpro_error,
.pmpro_lost_password_wrap .pmpro_message.pmpro_error {
  background: linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.03)) !important;
  border: 2px solid #EF4444 !important;
  border-left: 4px solid #EF4444 !important;
  border-radius: 12px !important;
  padding: 15px !important;
  color: #EF4444 !important;
  margin-bottom: 20px !important;
  font-size: 0.95rem !important;
}

/* Messages de succès */
.pmpro_login_wrap .pmpro_message.pmpro_success,
.pmpro_lost_password_wrap .pmpro_message.pmpro_success {
  background: linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.03)) !important;
  border: 2px solid #10B981 !important;
  border-left: 4px solid #10B981 !important;
  border-radius: 12px !important;
  padding: 15px !important;
  color: #10B981 !important;
  margin-bottom: 20px !important;
  font-size: 0.95rem !important;
}

/* Messages info */
.pmpro_lost_password_wrap .pmpro_message {
  background: linear-gradient(135deg,rgba(74,144,226,.08),rgba(74,144,226,.03)) !important;
  border: 2px solid #4A90E2 !important;
  border-left: 4px solid #4A90E2 !important;
  border-radius: 12px !important;
  padding: 15px !important;
  color: #0F172A !important;
  margin-bottom: 20px !important;
  font-size: 0.95rem !important;
}

/* ========================================
   STYLES SPÉCIFIQUES - PAGE CONNEXION
   ======================================== */

.pmpro_login_wrap {
  padding: 40px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
}

/* Checkbox "Se souvenir de moi" */
.pmpro_login_wrap .pmpro_login_wrap_remember {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 15px 0 20px 0 !important;
}

.pmpro_login_wrap input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.pmpro_login_wrap .pmpro_login_wrap_remember label {
  margin: 0 !important;
  cursor: pointer !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
}

/* Section liens */
.pmpro_login_wrap .pmpro_login_wrap_links,
.pmpro_login_wrap .pmpro_actions_nav {
  text-align: center !important;
  margin-top: 20px !important;
  padding-top: 20px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.pmpro_login_wrap .pmpro_login_wrap_links a,
.pmpro_login_wrap .pmpro_actions_nav a {
  display: block !important;
  margin: 10px 0 !important;
  font-size: 0.95rem !important;
}

/* ========================================
   STYLES SPÉCIFIQUES - MOT DE PASSE OUBLIÉ
   ======================================== */

.pmpro_lost_password_wrap.pmpro_card {
  padding: 0 !important;
  background: transparent !important;
}

/* Card content */
.pmpro_lost_password_wrap .pmpro_card_content {
  padding: 40px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Texte d'instruction */
.pmpro_lost_password-instructions {
  color: #64748B !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin-bottom: 25px !important;
  text-align: center !important;
}

/* Card actions - Bouton "Se connecter" */
.pmpro_lost_password_wrap .pmpro_card_actions {
  background: #f8fafc !important;
  padding: 20px 40px !important;
  border: 1px solid #e5e7eb !important;
  border-top: none !important;
  border-radius: 0 0 16px 16px !important;
  text-align: center !important;
  margin: 0 !important;
}

.pmpro_lost_password_wrap .pmpro_card_actions .pmpro_actions_nav {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Bouton "Se connecter" - Style secondaire */
.pmpro_lost_password_wrap .pmpro_card_actions .pmpro_actions_nav a {
  display: inline-block !important;
  background: #64748B !important;
  color: #fff !important;
  padding: 12px 30px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(100,116,139,.2) !important;
}

.pmpro_lost_password_wrap .pmpro_card_actions .pmpro_actions_nav a:hover {
  background: #475569 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(100,116,139,.3) !important;
  text-decoration: none !important;
  color: #fff !important;
}

/* Spacer */
.pmpro_spacer {
  display: none !important;
}

/* ========================================
   RESPONSIVE - TABLETTE & MOBILE
   ======================================== */

@media (max-width: 768px) {
  /* Conteneurs */
  .pmpro_login_wrap,
  .pmpro_lost_password_wrap.pmpro_card {
    max-width: 95% !important;
    margin: 20px auto !important;
  }
  
  .pmpro_login_wrap {
    padding: 25px 20px !important;
  }
  
  .pmpro_lost_password_wrap .pmpro_card_content {
    padding: 25px 20px !important;
  }
  
  .pmpro_lost_password_wrap .pmpro_card_actions {
    padding: 15px 20px !important;
  }
  
  /* Titres */
  .pmpro_login_wrap h2,
  .pmpro_login_wrap h3,
  .pmpro_lost_password_wrap h2,
  .pmpro_lost_password_wrap h3 {
    font-size: 1.5rem !important;
  }
  
  /* Inputs */
  .pmpro_login_wrap input[type="text"],
  .pmpro_login_wrap input[type="email"],
  .pmpro_login_wrap input[type="password"],
  .pmpro_lost_password_wrap input[type="text"],
  .pmpro_lost_password_wrap input[type="email"] {
    padding: 12px 14px !important;
    font-size: 0.95rem !important;
  }
  
  /* Boutons */
  .pmpro_login_wrap input[type="submit"],
  .pmpro_login_wrap button[type="submit"],
  .pmpro_lost_password_wrap input[type="submit"] {
    padding: 12px 24px !important;
    font-size: 1rem !important;
  }
  
  /* Bouton "Se connecter" en mobile */
  .pmpro_lost_password_wrap .pmpro_card_actions .pmpro_actions_nav a {
    width: 100% !important;
    display: block !important;
  }
}

/* Petit mobile */
@media (max-width: 480px) {
  .pmpro_login_wrap {
    padding: 20px 15px !important;
  }
  
  .pmpro_lost_password_wrap .pmpro_card_content {
    padding: 20px 15px !important;
  }
  
  .pmpro_lost_password_wrap .pmpro_card_actions {
    padding: 15px !important;
  }
  
  .pmpro_login_wrap h2,
  .pmpro_login_wrap h3,
  .pmpro_lost_password_wrap h2,
  .pmpro_lost_password_wrap h3 {
    font-size: 1.3rem !important;
    margin-bottom: 20px !important;
  }
}/* End custom CSS */