.elementor-41940 .elementor-element.elementor-element-48b33f6{--spacer-size:70px;}.elementor-41940 .elementor-element.elementor-element-e0ee98f{margin-top:30px;margin-bottom:30px;}.elementor-41940 .elementor-element.elementor-element-72cc5fd{--spacer-size:70px;}/* Start custom CSS for wc-elements, class: .elementor-element-ac6ea4c */.woocommerce-MyAccount-navigation ul {
  background: #f5f5f5; /* Sfondo menu */
  padding: 20px;
  border-radius: 3px;
}

.woocommerce-MyAccount-navigation ul li a {
  color: #032a49; /* colore brand Eligenda */
  font-weight: 300;
  padding: 10px 15px;
  display: block;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #032a49;
  color: #fff;
  border-radius: 3px;
}

/* Stato attivo (voce selezionata) */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #032a49;
  color: #fff;
  border-radius: 3px;
}

/* Hover sulla voce attiva */
.woocommerce-MyAccount-navigation ul li.is-active a:hover {
  background: #054069; /* blu più chiaro o più scuro a piacere */
  color: #fff;
}
/* Hover su tutte le altre voci */
.woocommerce-MyAccount-navigation ul li a:hover {
  background: #e0e0e0; /* grigio chiaro */
  color: #152938D4;
  border-radius: 3px;
}


/* Contenitore messaggio di benvenuto nella bacheca */
.woocommerce-MyAccount-content {
  background: #f9f9f9;       /* sfondo grigio chiaro elegante */
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #e0e0e0; /* bordo sottile */
  font-size: 16px;
  line-height: 1.6;
  color: #444;               /* testo più elegante e leggibile */
}

/* Nome utente (grassetto) */
.woocommerce-MyAccount-content strong {
  color: #032a49;            /* blu brand Eligenda */
  font-weight: 700;
}

/* Link Logout */
.woocommerce-MyAccount-content a {
  color: #032a49;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
  color: #054069; /* variazione più chiara/scura per hover */
  text-decoration: underline;
}


/* Contenitore messaggio di benvenuto nella bacheca */
.woocommerce-MyAccount-content {
  background: #f9f9f9;       
  padding: 25px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  font-family: 'Raleway', sans-serif; /* ✅ Forza Raleway */
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

/* Nome utente (grassetto) */
.woocommerce-MyAccount-content strong {
  color: #032a49;
  font-weight: 700;
  font-family: 'Raleway', sans-serif; /* assicurati che anche i grassetti usino Raleway */
}

/* Link Logout */
.woocommerce-MyAccount-content a {
  color: #032a49;
  font-weight: 600;
  font-family: 'Raleway', sans-serif;
  text-decoration: none;
  transition: color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover {
  color: #054069;
  text-decoration: underline;
}







/* ===========================
   My Account → ORDINI (stile coerente col menu)
   =========================== */

/* Box messaggio (es. "Non è stato ancora effettuato alcun ordine.") */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{
  background:#f9f9f9;
  border:1px solid #e0e0e0;
  border-radius:5px;
  padding:18px 20px;
  color:#444;
  box-shadow:0 2px 6px rgba(0,0,0,.03);
}
/* colore dell’icona/info a sinistra */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before{
  color:#032a49;
}

/* Bottone nel messaggio ("Sfoglia prodotti") */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button{
  background:#032a49 !important;
  color:#fff !important;
  border:none !important;
  border-radius:5px;
  padding:10px 16px;
  font-weight:400;
  letter-spacing:.2px;
  float:right;                /* resta a destra come nello screenshot */
  margin-left:12px;
  transition:background .2s ease, transform .05s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button:hover{
  background:#054069 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button:active{
  transform:translateY(1px);
}

/* (Opzionale) coerenza per tutti i messaggi Woo dentro My Account */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{
  border-left:4px solid #032a49; border-radius:10px;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error{
  border-left:4px solid #cc3030; border-radius:10px;
}

/* ===========================
   Quando ci saranno ordini: tabella ordini
   =========================== */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders{
  width:100%;
  background:#fff;
  border:1px solid #e0e0e0;
  border-radius:5px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders td{
  padding:12px 14px;
  border-bottom:1px solid #e0e0e0;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders tr:last-child td{
  border-bottom:none;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders th{
  color:#032a49; font-weight:400; background:#fff;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table.orders tr:nth-child(even) td{
  background:#fafafa;
}

/* Badge stato ordine (se presente) */
body.woocommerce-account .woocommerce-MyAccount-content .order-status{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#f2f4f7;
  color:#032a49;
  font-weight:300;
  font-size:12px;
}






/* ===========================
   My Account → TAB INDIRIZZI
   (font-size per ogni testo)
   =========================== */

/* 1) Testo introduttivo in alto */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content > p{
  font-size:18px !important;   /* ← cambia qui */
  line-height:1.5;
}

/* 2) Titoli "Indirizzo di fatturazione/spedizione" */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Addresses .title h2{
  font-size:18px !important;   /* ← cambia qui */
  line-height:1.2 !important;
  font-weight:500;
  color:#032a49;
  margin:0 0 8px;
}

/* 3) Link "Aggiungi/Modifica indirizzo" */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Addresses .title a,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Addresses .edit,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Addresses a{
  font-size:14px !important;   /* ← cambia qui */
  font-weight:700;
  color:#032a49;
  text-decoration:none;
}

/* 4) Testo dell'indirizzo / nota "Non hai ancora impostato..." */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Address address,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-Address p{
  font-size:15px !important;   /* ← cambia qui */
  line-height:1.55;
  color:#444;
  font-style:normal;
}

/* Mobile: riduci un filo (opzionale) */
@media (max-width:767px){
  body.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content > p{ font-size:15px !important; }
  body.woocommerce-account.woocommerce-edit-address .woocommerce-Addresses .title h3{ font-size:24px !important; }
  body.woocommerce-account.woocommerce-edit-address .woocommerce-Addresses a{ font-size:15px !important; }
  body.woocommerce-account.woocommerce-edit-address .woocommerce-Address address,
  body.woocommerce-account.woocommerce-edit-address .woocommerce-Address p{ font-size:14px !important; }
}






/* ===========================
   My Account → METODI DI PAGAMENTO
   Bottone blu + spazio dal box
   =========================== */

/* Box messaggio */
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content .woocommerce-info{
  background:#f9f9f9;
  border:1px solid #e0e0e0;
  border-radius:10px;
  padding:18px 20px;
  margin:0 0 14px 0;                 /* spazio SOTTO il box */
}

/* Bottone (sia dentro che fuori dal box) */
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content a.button,
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content button.button,
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content .woocommerce-button{
  background:#032a49 !important;     /* blu Eligenda */
  color:#ffffff !important;           /* testo bianco */
  border:none !important;
  border-radius:5px !important;
  padding:12px 18px !important;
  font-weight:400 !important;
  letter-spacing:.2px;
  display:inline-block !important;
  float:none !important;              /* annulla eventuale float:right */
}

/* Se il bottone è DENTRO al box info, staccalo dal testo sopra */
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content .woocommerce-info .button{
  margin-top:14px !important;
}

/* Hover */
body.woocommerce-account.woocommerce-payment-methods
  .woocommerce-MyAccount-content .button:hover{
  background:#054069 !important;
}






/* My Account → DETTAGLI ACCOUNT: bottone */
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content .button,
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content .woocommerce-button,
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content button,
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content input[type="submit"]{
  background:#032a49 !important;   /* blu Eligenda */
  color:#fff !important;            /* testo bianco */
  border:none !important;
  border-radius:5px !important;
  padding:12px 22px !important;
  font-weight:500 !important;
  letter-spacing:.2px;
  display:inline-block;
  margin-top:10px;                  /* un po' di respiro sopra */
  transition:background .2s, transform .05s;
}
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content .button:hover{
  background:#054069 !important;
}
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content .button:active{
  transform:translateY(1px);
}

/* Titolo "Modifica password" */
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content h3,
body.woocommerce-account.woocommerce-edit-account
  .woocommerce-MyAccount-content fieldset legend{
  font-size:22px !important;   /* ← cambia qui */
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#032a49 !important;
  margin:20px 0 12px !important;
}

/* My Account → Dettagli account: riduci il toggle "mostra password" */
body.woocommerce-account .woocommerce-MyAccount-content .password-input .show-password-input,
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input{
  width: 28px !important;          /* ← dimensione del bottone */
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;    /* centra l’icona */
  border-radius: 8px !important;   /* angoli più piccoli */
  padding: 0 !important;
}

/* icona dentro al bottone (alcuni temi usano :before, altri :after) */
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input:before,
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input:after{
  font-size: 13px !important;      /* ← grandezza dell’iconcina */
}

/* assicura spazio a destra nel campo per non sovrapporsi al bottone */
body.woocommerce-account .woocommerce-MyAccount-content .password-input input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content .password-input input[type="text"]{
  padding-right: 42px !important;
}

/* (opzionale) stesso colore del brand, se vuoi mantenerlo coerente */
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input{
  background: #032a49 !important;  /* blu Eligenda */
  color: #fff !important;
  border: none !important;
}

/* fallback: se il tema ignora width/height, riduci tutto con uno scale */
body.woocommerce-account .woocommerce-MyAccount-content .password-input .show-password-input{
  transform: scale(.85);           /* riduzione dolce */
  transform-origin: center;
}



/* My Account → Dettagli account
   Allinea il toggle "mostra password" DENTRO al campo  */
body.woocommerce-account .woocommerce-MyAccount-content .password-input{
  position: relative;              /* contenitore di riferimento */
}

/* spazio a destra per non coprire il testo */
body.woocommerce-account .woocommerce-MyAccount-content .password-input input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content .password-input input[type="text"]{
  padding-right: 48px !important;  /* aumenta se serve */
}

/* bottone/occhio: dentro al campo, a destra e centrato verticalmente */
body.woocommerce-account .woocommerce-MyAccount-content .password-input .show-password-input{
  position: absolute !important;
  right: 10px !important;
  top: 25% !important;
  transform: translateY(-50%) !important;

  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  border-radius: 8px !important;
  padding: 0 !important;
  float: none !important;          /* evita che scenda sotto */
  background: #032a49 !important;  /* blu Eligenda */
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 2;
}

/* dimensione icona dentro al pulsante (prima/after secondo tema) */
body.woocommerce-account .woocommerce-MyAccount-content .password-input .show-password-input:before,
body.woocommerce-account .woocommerce-MyAccount-content .password-input .show-password-input:after{
  font-size: 13px !important;
}






/* My Account → INDIRIZZI: rimuovi il box solo su mobile */
@media (max-width: 767px){
  body.woocommerce-account.woocommerce-edit-address
  .woocommerce-MyAccount-content{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;          /* riduci/azzera il padding del box */
  }
}










/* ============================
   My Account (login / register)
   Stile pulsanti Eligenda
   ============================ */

/* Pulsanti "Accedi" e "Registrati" */
body.woocommerce-account .woocommerce-form-login .button,
body.woocommerce-account .woocommerce-form-register .button,
body.woocommerce-account .woocommerce-form-login input.button[type="submit"],
body.woocommerce-account .woocommerce-form-register input.button[type="submit"]{
  background: #032a49 !important;   /* blu Eligenda */
  color: #ffffff !important;         /* testo bianco */
  border: none !important;
  border-radius: 5px !important;
  padding: 12px 24px !important;
  font-weight: 400 !important;
  letter-spacing: .2px;
  box-shadow: none !important;
  transition: background .2s ease, transform .05s ease;
}

body.woocommerce-account .woocommerce-form-login .button:hover,
body.woocommerce-account .woocommerce-form-register .button:hover{
  background: #054069 !important;   /* hover */
  color: #ffffff !important;
}

body.woocommerce-account .woocommerce-form-login .button:active,
body.woocommerce-account .woocommerce-form-register .button:active{
  transform: translateY(1px);
}

/* Stato disabled (evita il “grigio” di alcuni temi) */
body.woocommerce-account .woocommerce form .button:disabled{
  opacity: 1 !important;
  background: #032a49 !important;
  color: #ffffff !important;
  cursor: not-allowed;
}

/* Link “Password dimenticata?” e privacy nel box registrazione in stile brand */
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce-privacy-policy-text a{
  color: #032a49 !important;
  font-weight: 600;
  text-decoration: none;
}
body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account .woocommerce-privacy-policy-text a:hover{
  color: #054069 !important;
  text-decoration: underline;
}/* End custom CSS */