/* ——— Mon compte : gabarits WooCommerce habillés à la charte ——— */

.page-compte .page-simple__contenu { max-width: var(--contenu); }

/* Navigation à gauche, contenu à droite. */
@media (min-width: 1024px) {
  .page-compte .woocommerce { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; align-items: start; }
  .page-compte .woocommerce-MyAccount-navigation { grid-column: 1; order: 0; position: sticky; top: 24px; float: none; width: auto; }
  .page-compte .woocommerce-MyAccount-content { grid-column: 2; order: 0; float: none; width: auto; }
}

/* Aucune liste de cette page n'est une liste à puces. */
.page-compte .woocommerce ul, .page-compte .woocommerce ol { padding-left: 0; list-style: none; }

.page-compte .woocommerce-MyAccount-navigation ul { border: 1px solid var(--gris-bordure); border-radius: var(--r-carte); overflow: hidden; }
.page-compte .woocommerce-MyAccount-navigation li + li { border-top: 1px solid #F0F0F0; }
.page-compte .woocommerce-MyAccount-navigation a { display: block; padding: 14px 20px; font: 500 15px/22px var(--police-texte); color: var(--noir); text-decoration: none; }
.page-compte .woocommerce-MyAccount-navigation a:hover { background: var(--gris-champ); }
.page-compte .woocommerce-MyAccount-navigation .is-active a { background: var(--gris-champ); color: var(--titre); font-weight: 600; }

/* Tableau de bord : dernière commande et raccourcis. */
.compte-bord { display: flex; flex-direction: column; gap: 24px; margin-top: 8px; }
.compte-derniere { padding: 20px 24px; border: 1px solid var(--gris-bordure); border-radius: var(--r-carte); }
.compte-derniere__surtitre { font: 600 13px/18px var(--police-texte); letter-spacing: .04em; text-transform: uppercase; color: rgba(58, 57, 53, .6); }
.compte-derniere__ligne { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 10px; }
.compte-derniere__ligne > div:first-child { flex: 1; min-width: 200px; }
.compte-derniere__numero { font: 600 17px/24px var(--police-titre); color: var(--titre); }
.compte-derniere__detail { font: 400 14px/20px var(--police-texte); color: #6B6B6B; }
.compte-statut { padding: 5px 12px; border-radius: 999px; background: var(--gris-champ); font: 600 13px/18px var(--police-texte); }
.compte-statut--processing, .compte-statut--completed { background: rgba(104, 159, 56, .14); }
.compte-statut--cancelled, .compte-statut--failed, .compte-statut--refunded { background: rgba(200, 105, 84, .14); }

.compte-raccourcis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.compte-raccourci { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 20px; border: 1px solid var(--gris-bordure); border-radius: var(--r-carte); color: var(--noir); text-decoration: none; transition: border-color .2s ease, background-color .2s ease; }
.compte-raccourci:hover { border-color: var(--violet); background: var(--gris-champ); }
.compte-raccourci__icone { width: 26px; height: 26px; margin-bottom: 6px; color: var(--violet); }
.compte-raccourci__titre { font: 600 16px/22px var(--police-texte); }
.compte-raccourci__texte { font: 400 14px/20px var(--police-texte); color: #6B6B6B; }

/* Tableaux (commandes, adresses) et formulaires. */
.page-compte .woocommerce-orders-table, .page-compte .shop_table { width: 100%; border: 1px solid var(--gris-bordure); border-radius: var(--r-carte); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.page-compte .shop_table th { padding: 14px 16px; background: var(--gris-champ); font: 600 13px/18px var(--police-texte); letter-spacing: .03em; text-align: left; }
.page-compte .shop_table td { padding: 14px 16px; border-top: 1px solid #F0F0F0; font: 400 15px/22px var(--police-texte); }

/* Connexion et mot de passe perdu : formulaire court, centré dans la colonne. */
.page-compte .woocommerce-form-login, .page-compte .woocommerce-form-register, .page-compte .woocommerce-ResetPassword { max-width: 520px; }
.page-compte .woocommerce-MyAccount-content form { max-width: 680px; }
.page-compte .woocommerce-form, .page-compte .woocommerce-EditAccountForm, .page-compte .woocommerce-address-fields { padding: 24px; border: 1px solid var(--gris-bordure); border-radius: var(--r-carte); }
.page-compte .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 8px; }
.page-compte label { display: block; margin-bottom: 6px; font: 500 14px/20px var(--police-texte); }
.page-compte input[type="text"], .page-compte input[type="email"], .page-compte input[type="tel"], .page-compte input[type="password"], .page-compte select, .page-compte .select2-selection {
  width: 100%; min-height: 48px; padding: 12px 16px;
  border: 1px solid var(--gris-bordure); border-radius: var(--r-petit);
  background: var(--blanc); font: 400 16px/22px var(--police-texte);
}
.page-compte input:focus, .page-compte select:focus { outline: 2px solid var(--violet); outline-offset: 1px; }
.page-compte .woocommerce-form-row { margin-bottom: 16px; }

.page-compte .button, .page-compte button[type="submit"], .page-compte .woocommerce-Button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 50px; padding: 0 28px;
  border-radius: var(--r-pilule); background: var(--corail); color: var(--blanc);
  font: 500 16px/20px var(--police-texte); text-decoration: none; cursor: pointer;
}
.page-compte .button:hover, .page-compte button[type="submit"]:hover { background: var(--corail-survol); }

.page-compte .woocommerce-LostPassword { margin-top: 12px; font: 400 14px/20px var(--police-texte); }
.page-compte .woocommerce-LostPassword a { color: var(--violet); }

@media (max-width: 1023px) {
  .page-compte .woocommerce-MyAccount-navigation { margin-bottom: 24px; }
  .compte-raccourcis { grid-template-columns: 1fr; }
  .page-compte .woocommerce-form, .page-compte .woocommerce-EditAccountForm, .page-compte .woocommerce-address-fields { padding: 18px; }
}
