/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1758113606
Updated: 2025-09-17 14:53:26

*/
/* ---- STYLE DES LIENS "MON COMPTE" ---- */

.woocommerce-MyAccount-navigation ul li a {
  display: flex;              /* place l’icône et le texte sur la même ligne */
  align-items: center;        /* aligne verticalement le texte et l’icône */
  gap: 12px;                  /* espace horizontal entre l’icône et le texte */
  font-weight: 500;           /* rend le texte un peu plus lisible/épais */
  text-decoration: none;      /* supprime le soulignement classique des liens */
  padding: 8px 14px;          /* ajoute de l’espace autour du lien */
  transition: all 0.2s ease;  /* rend fluide les changements de couleur/hover */
}

.woocommerce-MyAccount-navigation ul li a i {
  flex-shrink: 0;             /* empêche l’icône de se déformer si le texte est long */
}

/* --- Typo dashboard --- */
/* --- Accroche principale --- */
.uc-dashboard-intro .uc-hello {
  margin: 0 0 8px;
  font-size: clamp(22px, 2.5vw, 28px); /* plus grand */
  font-weight: 700;
  line-height: 1.3;
	margin-top: 9px;
}
.uc-dashboard-intro .uc-welcome{
  margin:0 0 8px;
  font-size:clamp(18px, 2vw, 20px);
  font-weight:700;
}
.uc-dashboard-intro .uc-desc{
  margin:0 0 14px;
  line-height:1.6;
  color:#0a3d3fcc; /* un poil plus doux */
}

/* --- Bouton : texte blanc + hover blanc --- */
.uc-dashboard-intro .uc-cta{
  color:#fff !important;          /* texte blanc */
  transition:all .2s ease;
}
.uc-dashboard-intro .uc-cta:hover{
  color:#fff !important;      
  transform:translateY(-1px);
}

.uc-dashboard-img img {
  max-width: 70%;   /* réduit la taille à 70% */
  height: auto;     /* garde les proportions */
  display: block;
  margin: 20px auto 0; /* centre l'image et ajoute un petit espace au-dessus */
}

/* ===== Mon compte uniquement ===== */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error{
  background:#0f5158;      /* fond vert */
  color:#fff;               /* texte blanc */
  border:none;
  border-radius:6px;
  padding:15px 20px;
  font-weight:500;
  margin-bottom:20px;
}

/* Boutons DANS les notices (ex: “Parcourir les produits”) */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button{
  color:#fff !important;
  border:none;
  border-radius:6px;
  padding:8px 16px;
  font-weight:600;
  transition:all .2s ease;
}