.elementor-1080 .elementor-element.elementor-element-2d161c8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:60px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1080 .elementor-element.elementor-element-2d161c8:not(.elementor-motion-effects-element-type-background), .elementor-1080 .elementor-element.elementor-element-2d161c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mociyaseamoss.com/wp-content/uploads/2026/08/Backgrooud.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-1080 .elementor-element.elementor-element-2d161c8{--padding-top:10px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1080 .elementor-element.elementor-element-0abe728{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1080 .elementor-element.elementor-element-2d161c8{--content-width:1350px;}}/* Start custom CSS for html, class: .elementor-element-9834403 *//* ======================================================
   SECTION MOT DE PASSE PERDU (.espace_client)
   ====================================================== */

/* Typographies globales */
.espace_client,
.espace_client * {
  font-family: 'Jost', sans-serif !important;
}

.espace_client h2 {
  font-family: 'Yanone Kaffeesatz', sans-serif !important;
}

/* Conteneur et largeur max (700px sur PC) */
.elementor-widget-text-editor.espace_client,
.espace_client,
.espace_client .woocommerce {
  max-width: 700px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.espace_client .woocommerce {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;
  padding: 36px 32px !important;
  box-sizing: border-box !important;
}

/* Titre principal (Yanone Kaffeesatz 36px Vert) */
.espace_client h2 {
  display: block !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #2E7D32 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: 0.5px !important;
}

/* Texte descriptif */
.espace_client form.woocommerce-ResetPassword > p:first-of-type {
  font-size: 15px !important;
  color: #64748b !important;
  text-align: center !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
}

/* Labels & Champs de saisie */
.espace_client label {
  display: block !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #1E252B !important;
  margin-bottom: 8px !important;
}

.espace_client input[type="text"] {
  width: 100% !important;
  height: 48px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.espace_client input[type="text"]:focus {
  border-color: #F26522 !important;
}

/* Bouton d'envoi */
.espace_client button.woocommerce-Button {
  width: 100% !important;
  height: 50px !important;
  background: #F26522 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  text-transform: uppercase !important;
  margin-top: 12px !important;
}

.espace_client button.woocommerce-Button:hover {
  background: #d95318 !important;
}

/* Lien de retour à la connexion */
.espace_client .auth-back-link {
  text-align: center;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #f1f5f9;
  font-size: 14px;
}

.espace_client .auth-back-link a {
  color: #64748b;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.espace_client .auth-back-link a:hover {
  color: #F26522;
}

/* Variantes de Toasts (Succès vs Erreur) */
.espace-toast-item.toast-success {
  border-left-color: #22c55e !important;
}

.espace-toast-item.toast-error {
  border-left-color: #ef4444 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0abe728 *//* Typographies globales */
.connect,
.connect *,
.espace-toast-container *,
.auth-modal-overlay * {
  font-family: 'Jost', sans-serif !important;
}

.connect #customer_login h2,
.auth-modal-box h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif !important;
}

/* Contrôle de la largeur globale */
.elementor-widget-text-editor.connect,
.connect,
.connect .woocommerce {
  max-width: 520px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.connect .woocommerce {
  background: #ffffff !important;
  border-radius: 20px !important;
  border: 1px solid #f1f5f9 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;
  padding: 32px 28px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Titres Se connecter / S'inscrire (Yanone Kaffeesatz 36px Vert) */
.connect #customer_login h2 {
  display: block !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #2E7D32 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 0 0 20px 0 !important;
  letter-spacing: 0.5px !important;
}

/* Cache initial pour éviter le flash */
.connect #customer_login {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.connect #customer_login.auth-ready {
  opacity: 1 !important;
}

/* Structure des colonnes */
.connect #customer_login .u-column1,
.connect #customer_login .u-column2 {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

.connect form.login,
.connect form.register {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.connect .form-row {
  margin-bottom: 16px !important;
  padding: 0 !important;
}

.connect label {
  display: block !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #1E252B !important;
  margin-bottom: 6px !important;
}

.connect input[type="text"],
.connect input[type="email"],
.connect input[type="password"] {
  width: 100% !important;
  height: 46px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.connect input[type="text"]:focus,
.connect input[type="email"]:focus,
.connect input[type="password"]:focus {
  border-color: #F26522 !important;
}

.connect button[type="submit"] {
  width: 100% !important;
  height: 48px !important;
  background: #F26522 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
}

.connect button[type="submit"]:hover {
  background: #d95318 !important;
}

.connect .woocommerce-LostPassword {
  text-align: center !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

.connect .woocommerce-LostPassword a {
  color: #64748b !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.connect .woocommerce-LostPassword a:hover {
  color: #F26522 !important;
}

.connect .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  color: #64748b !important;
  margin-bottom: 14px !important;
}

/* Bascule Lien Inscription / Connexion */
.auth-switch-link {
  text-align: center;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
  font-size: 14px;
  color: #64748b;
}

.auth-switch-link a {
  color: #F26522;
  font-weight: 600;
  text-decoration: none;
  margin-left: 4px;
  cursor: pointer;
}

.auth-switch-link a:hover {
  text-decoration: underline;
}

/* ======================================================
   NOTIFICATIONS TOAST FLOTTANTES
   ====================================================== */

.espace-toast-container {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 380px;
  width: 90%;
  pointer-events: none;
}

.espace-toast-item {
  pointer-events: auto;
  background: #ffffff;
  border-left: 4px solid #ef4444;
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  color: #1e293b;
  animation: toastIn 0.3s ease-out forwards;
}

.espace-toast-item.toast-out {
  animation: toastOut 0.3s ease-in forwards;
}

.espace-toast-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.espace-toast-close {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  line-height: 1;
}

.espace-toast-close:hover {
  color: #1e293b;
}

@keyframes toastIn {
  from { opacity: 0; transform: translateX(50px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes toastOut {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(50px); }
}

/* ======================================================
   MODALE EMAIL
   ====================================================== */

.auth-modal-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(4px);
  z-index: 999999;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.auth-modal-overlay.open {
  display: flex !important;
}

.auth-modal-box {
  background: #ffffff;
  border-radius: 20px;
  padding: 32px 24px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  animation: modalPop 0.25s ease-out;
}

@keyframes modalPop {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.auth-modal-icon {
  width: 56px;
  height: 56px;
  background: #fff2eb;
  color: #F26522;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px auto;
}

.auth-modal-box h3 {
  font-size: 24px !important;
  color: #1E252B;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

.auth-modal-box p {
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
  margin-bottom: 22px;
}

.auth-modal-box .btn-open-mail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  background: #F26522;
  color: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  transition: background 0.2s ease;
}

.auth-modal-box .btn-open-mail:hover {
  background: #d95318;
}/* End custom CSS */