/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.10.1758814609
Updated: 2025-09-25 17:36:49

*/

/* ============================
   PATCH Lost Password (UI propre)
   ============================ */

/* --- Palette (vert TV) --- */
:root{
  --tv-green: #118c55;
  --tv-green-dark: #0d6c43;
  --tv-green-shadow: rgba(17,140,85,.20);
}

/* Si tu préfères le bordeaux, dé-commente ceci :*/
:root{
  --tv-green: #510000;
  --tv-green-dark: #3d0000;
  --tv-green-shadow: rgba(81,0,0,.25);
}


/* --- 1) Bouton : couleur + ombre + focus --- */
.tv-auth-form .ur-reset-password-btn,
.tv-auth-form .user-registration-Button,
.tv-auth-form button[type="submit"]{
  width:100% !important;
  display:inline-flex; justify-content:center; align-items:center;
  padding:12px 16px; border-radius:12px;
  background:var(--tv-green) !important;
  color:#fff !important;
  border:1px solid var(--tv-green-dark) !important;
  font-weight:700; line-height:1.2; white-space:nowrap !important;
  box-shadow:0 6px 14px var(--tv-green-shadow) !important;
}
.tv-auth-form .ur-reset-password-btn:hover,
.tv-auth-form .user-registration-Button:hover{ filter:brightness(.95); }
.tv-auth-form .ur-reset-password-btn:focus,
.tv-auth-form .user-registration-Button:focus{
  outline:0; box-shadow:0 0 0 3px rgba(17,140,85,.25) !important;
}

/* --- 2) Aplatir la "carte interne" du plugin (supprimer fond/ombre/padding) --- */
.tv-auth-form .ur-frontend-form,
.tv-auth-form .ur-frontend-form.login{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
}

/* Certains templates ajoutent encore une couche dans ces wrappers : */
.tv-auth-form .ur-form-row,
.tv-auth-form .ur-form-grid{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
}

/* --- 3) Conserver une seule carte élégante autour du formulaire --- */
.tv-auth-form{
  /* garde UNE carte propre ; enlève l'ombre si tu veux zéro relief */
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(17,140,85,.08);
  padding:18px 18px 22px;
  max-width:560px; margin:12px auto 0;
}

/* --- 4) Nettoyage mise en page du plugin (float, largeur, etc.) --- */
.tv-auth-form .user-registration-form-row,
.tv-auth-form .form-row{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  clear:both !important;
}
.tv-auth-form .user-registration-ResetPassword{ width:100%; display:block; }

.tv-auth-form .ur-input-with-icon{
  display:flex; align-items:center; gap:8px; width:100%;
}

.tv-auth-form .ur-input-with-icon .user-registration-Input{
  flex:1 1 auto; width:100%;
  border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; background:#fff;
}
.tv-auth-form .ur-input-with-icon .user-registration-Input:focus{
  outline:0; border-color:var(--tv-green);
  box-shadow:0 0 0 3px rgba(17,140,85,.15);
}

/* --- 5) Grille 1 colonne (formulaire sous le titre) --- */
.tv-auth-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.tv-auth-head{ text-align:left; } /* mets 'center' si tu veux */
.tv-auth-head .tv-sec-title{ margin:0 0 10px; text-align:inherit; }

/* --- 6) Masquer les petits titres/messages EN du plugin --- */
.ur-frontend-form .ur-lost-password-title,
.ur-frontend-form .ur-lost-password-message{ display:none !important; }
/* Espacement au-dessus du bouton "Réinitialiser le mot de passe" */
.tv-auth-form .ur-reset-password-btn,
.tv-auth-form .user-registration-Button,
.tv-auth-form button[type="submit"]{
  margin-top: 12px !important;   /* ajuste 8–20px selon ton goût */
}
/* ===== Lost-password confirmation ===== */

.tv-auth-confirm{
  padding: 24px 26px;
  border-radius: 16px;
}

/* Bandeau de succès (on « re-skin » le conteneur du plugin) */
.tv-auth-confirm .ur-message-container{
  display:flex;
  align-items:center;
  gap:12px;
  background:#f1f8f5;                 /* vert très clair */
  border-left:6px solid #118c55;       /* vert TV */
  border-radius:12px;
  padding:14px 16px;
  box-shadow:0 6px 16px rgba(17,140,85,.08);
  margin:6px 0 14px;
}

/* Neutraliser le style par défaut du plugin dans le bandeau */
.tv-auth-confirm .ur-message-container .ur-notice{ 
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  color:#14532d !important;
  font-weight:600;
}

/* Texte d’explication */
.tv-auth-confirm .ur-message-content{
  margin:6px 0 0;
  max-width:820px;
  color:#334155;             /* gris foncé lisible */
  line-height:1.6;
}

/* Actions */
.tv-confirm__actions{
  margin-top:16px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* Option : centrer sur mobile */
@media (max-width: 640px){
  .tv-confirm__actions{ justify-content:center; }
} 
/* ===== Compte — conteneurs ===== */
.tv-account{ max-width:1000px; margin:40px auto; padding:0 16px; }
.tv-card{ background:#fff; border-radius:18px; box-shadow:0 10px 30px rgba(16,24,40,.06); padding:28px; }
.tv-sec-title{ font-size:clamp(1.4rem,1.2rem + 1vw,2rem); margin:0 0 6px;
  background:linear-gradient(90deg,var(--tv-red,#510000),var(--tv-green,#118c55));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tv-lead{ color:#475467; margin:0; }

.tv-account__shell{ display:grid; grid-template-columns:240px 1fr; gap:20px; }
@media (max-width:900px){ .tv-account__shell{ grid-template-columns:1fr; } }



/* ===== Nav (utilise le markup du plugin) ===== */
.tv-account__nav ul,
.user-registration-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.user-registration-MyAccount-navigation li{ margin:0 0 8px; }
.user-registration-MyAccount-navigation a{
  display:block; padding:10px 14px; border-radius:12px; text-decoration:none;
  color:#344054; background:#f9fafb; border:1px solid #e6e7eb;
}
.user-registration-MyAccount-navigation a:hover{ background:#fff; border-color:#d1d5db; }
.user-registration-MyAccount-navigation .is-active a,
.user-registration-MyAccount-navigation a[aria-current="page"]{
  background:#f1f8f5; color:#0f3a2a; border-color:var(--tv-green,#118c55);
  box-shadow: inset 0 0 0 1px var(--tv-green,#118c55);
}

/* ===== Zone contenu ===== */
.tv-account__content{ min-height:320px; }

/* ===== Dashboard header ===== */
.user-registration-profile-header .user-registration-img-container img{
  border-radius:50%; box-shadow:0 6px 18px rgba(17,140,85,.15);
}
.user-registration-MyAccount-content__body h2{ font-weight:800; color:#101828; }
.user-registration-MyAccount-content__body h3{ font-weight:800; color:#1f2937; }

/* ===== Boutons génériques ===== */
.tv-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 16px; font-weight:700;
  border-radius:12px; border:1px solid transparent; text-decoration:none;
}
.tv-btn-green{ background:var(--tv-green,#118c55); color:#fff; }
.tv-btn-green:hover{ filter:brightness(.95); }
.tv-btn-red{ background:var(--tv-red,#510000); color:#fff; }
.tv-btn--outline{ background:#fff; color:var(--tv-red,#510000); border-color:rgba(81,0,0,.25); }
.tv-btn--outline:hover{ background:#fff6f6; }

/* ===== Petites harmonisations Booking (boutons .button génériques) ===== */
.user-registration-MyAccount-content .button,
.user-registration-MyAccount-content button{
  border-radius:10px; padding:8px 12px; border:1px solid #e5e7eb; background:#fff;
}
.user-registration-MyAccount-content .button:hover{ background:#f9fafb; }
/* --- Mon profil : réduire l'image de profil --- */

/* Conteneur de l'avatar (celui qu'on a dans dashboard.php) */
.tv-account__dashboard .tv-avatar {
  max-width: 260px;          /* ← ajuste la taille ici (ex. 200/220/260px) */
  margin: 0 auto 1.25rem;    /* centre + espace sous l'image */
}

/* S'assure que l'image occupe la largeur du conteneur et reste nette */
.tv-account__dashboard .tv-avatar img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;        /* si tu veux rond: mets 50% */
}

/* Par sécurité, si le plugin insère son propre conteneur autour de l'image */
.tv-account__dashboard .user-registration-img-container {
  max-width: 260px;           /* même taille que ci-dessus */
  margin: 0 auto 1.25rem;
}
.tv-account__dashboard .user-registration-img-container img {
  width: 100%;
  height: auto;
  display: block;
}