/* Espace « Mon compte » — habillage moderne (charte crème / orange).
   Le thème ne charge pas la mise en forme WooCommerce par défaut :
   la navigation s'affichait en liste à puces brute (retour du 15/08). */

/* ---------- Disposition générale (uniquement si la navigation existe) --- */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
  display: flex;
  gap: 36px;
  align-items: flex-start;
}

/* ---------- Navigation ------------------------------------------------- */
.woocommerce-MyAccount-navigation {
  flex: 0 0 250px;
  background: #fdf8f0;
  border: 1.5px solid #e8d9c3;
  border-radius: 16px;
  padding: 14px;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li {
  margin: 0 0 4px;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 11px 16px;
  border-radius: 10px;
  color: #4a3f33;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.3;
  transition: background .18s ease, color .18s ease;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: #f4e8d7;
  color: #ac2e02;
}
.woocommerce-MyAccount-navigation li.is-active a {
  background: #ac2e02;
  color: #fff;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e8d9c3;
}
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #9c5b41;
}

/* ---------- Contenu ----------------------------------------------------- */
.woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
}
.woocommerce-MyAccount-content p {
  line-height: 1.65;
}

/* Tableaux (commandes, téléchargements) */
.woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  border-collapse: collapse;
  border: 1.5px solid #e8d9c3;
  border-radius: 14px;
  overflow: hidden;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
  padding: 13px 16px;
  text-align: left;
  border: 0;
}
.woocommerce-MyAccount-content table.shop_table thead th {
  background: #fdf8f0;
  color: #6d5b45;
  font-size: .82em;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-bottom: 1.5px solid #e8d9c3;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:nth-child(even) {
  background: #fbf7f0;
}

/* Boutons (voir la commande, télécharger…) */
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .button {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 999px;
  background: #ac2e02;
  color: #fff !important;
  border: 0;
  font-weight: 600;
  font-size: .92em;
  text-decoration: none;
  transition: background .18s ease;
}
.woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-MyAccount-content .button:hover {
  background: #8a2502;
}

/* Adresses */
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  background: #fdf8f0;
  border: 1.5px solid #e8d9c3;
  border-radius: 14px;
  padding: 20px 22px;
}
.woocommerce-account .u-columns {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.woocommerce-account .u-columns > div {
  flex: 1 1 300px;
}

/* ---------- Formulaires (connexion, inscription, détails du compte) ---- */
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register {
  background: #fdf8f0;
  border: 1.5px solid #e8d9c3;
  border-radius: 16px;
  padding: 28px 26px;
}
.woocommerce-account .woocommerce-form-row input.input-text,
.woocommerce-account .woocommerce-form-row input[type="email"],
.woocommerce-account .woocommerce-form-row input[type="password"],
.woocommerce-account .woocommerce-form-row input[type="text"],
.woocommerce-account .woocommerce-form-row input[type="tel"] {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid #d9c8ae;
  border-radius: 10px;
  background: #fff;
  transition: border-color .18s ease;
}
.woocommerce-account .woocommerce-form-row input:focus {
  border-color: #ac2e02;
  outline: none;
}
.woocommerce-account button.woocommerce-button,
.woocommerce-account button.woocommerce-Button {
  padding: 12px 30px;
  border-radius: 999px;
  background: #ac2e02;
  color: #fff;
  border: 0;
  font-weight: 600;
  cursor: pointer;
  transition: background .18s ease;
}
.woocommerce-account button.woocommerce-button:hover,
.woocommerce-account button.woocommerce-Button:hover {
  background: #8a2502;
}
.woocommerce-account .lost_password a {
  color: #9c5b41;
}

/* ---------- Mobile ------------------------------------------------------ */
@media (max-width: 767px) {
  .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    display: block;
  }
  .woocommerce-MyAccount-navigation {
    margin-bottom: 26px;
    padding: 10px;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  .woocommerce-MyAccount-navigation li {
    margin: 0;
    flex: 0 0 auto;
  }
  .woocommerce-MyAccount-navigation li a {
    padding: 9px 14px;
    white-space: nowrap;
  }
  .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .woocommerce-MyAccount-content table.shop_table {
    display: block;
    overflow-x: auto;
  }
}