/* ════════════════════════════════
   ONGLET COMMANDES — Vue détail view-order
   Fusion concept A (reçu) + B (cards)
   ════════════════════════════════ */

/* Texte intro — style card beige */
.e-my-account-tab__view-order .woocommerce-MyAccount-content-wrapper > p:first-child {
  background: var(--k-beige) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  font-size: 13px !important;
  color: var(--k-gris) !important;
  margin-bottom: 14px !important;
}

/* Badges numéro, date, statut */
.e-my-account-tab__view-order mark.order-number,
.e-my-account-tab__view-order mark.order-date {
  background: transparent !important;
  color: var(--k-noir) !important;
  font-weight: 500 !important;
}

.e-my-account-tab__view-order mark.order-status {
  background: #EAF3DE !important;
  color: var(--k-vert) !important;
  font-weight: 500 !important;
  border-radius: 20px !important;
  padding: 2px 10px !important;
  font-style: normal !important;
}

/* Section détails — card beige */
.e-my-account-tab__view-order .woocommerce-order-details {
  background: var(--k-beige) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-bottom: 14px !important;
  overflow: visible !important;
}

/* Titre "Détails de la commande" */
.e-my-account-tab__view-order .woocommerce-order-details__title {
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--k-ocre) !important;
  margin-bottom: 14px !important;
  border: none !important;
  padding: 0 !important;
}

/* TABLE → style cards : supprime l'apparence tableau */
.e-my-account-tab__view-order .woocommerce-table--order-details {
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

/* Cache l'en-tête du tableau (Produit / Total) */
.e-my-account-tab__view-order .woocommerce-table--order-details thead {
  display: none !important;
}

/* Chaque produit = une card */
.e-my-account-tab__view-order .woocommerce-table--order-details tbody tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--k-border-light) !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tbody tr:last-child {
  border-bottom: none !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tbody td {
  display: block !important;
  padding: 0 !important;
  border: none !important;
  font-size: 13px !important;
  color: var(--k-noir) !important;
  background: transparent !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tbody td.product-name {
  font-weight: 500 !important;
  flex: 1 !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tbody td.product-total {
  font-weight: 500 !important;
  color: var(--k-noir) !important;
  white-space: nowrap !important;
}

/* Sous-total, Total, Paiement → liste propre */
.e-my-account-tab__view-order .woocommerce-table--order-details tfoot {
  display: block !important;
  border-top: 1px solid var(--k-border) !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tfoot tr {
  display: flex !important;
  justify-content: space-between !important;
  padding: 6px 0 !important;
}

.e-my-account-tab__view-order .woocommerce-table--order-details tfoot th,
.e-my-account-tab__view-order .woocommerce-table--order-details tfoot td {
  display: block !important;
  padding: 0 !important;
  font-size: 12px !important;
  color: var(--k-gris) !important;
  border: none !important;
  background: transparent !important;
}

/* Ligne Total — mise en valeur */
.e-my-account-tab__view-order .woocommerce-table--order-details tfoot tr:nth-child(2) th,
.e-my-account-tab__view-order .woocommerce-table--order-details tfoot tr:nth-child(2) td {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--k-noir) !important;
}

/* Section adresse facturation — card */
.e-my-account-tab__view-order .woocommerce-customer-details {
  background: var(--k-beige) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  margin-bottom: 14px !important;
  display: block !important;
}

.e-my-account-tab__view-order .woocommerce-column__title {
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--k-ocre) !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
  border: none !important;
}

.e-my-account-tab__view-order .woocommerce-customer-details address {
  font-size: 13px !important;
  color: var(--k-noir) !important;
  font-style: normal !important;
  line-height: 1.9 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.e-my-account-tab__view-order .woocommerce-customer-details--phone,
.e-my-account-tab__view-order .woocommerce-customer-details--email {
  font-size: 12px !important;
  color: var(--k-gris) !important;
  margin-top: 4px !important;
}

/* Lien retour aux commandes */
.e-my-account-tab__view-order .woocommerce-Return a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: var(--k-gris) !important;
  text-decoration: none !important;
  padding: 7px 16px !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 20px !important;
  background: var(--k-beige) !important;
  margin-top: 10px !important;
  transition: all 0.2s !important;
}

.e-my-account-tab__view-order .woocommerce-Return a:hover {
  background: var(--k-noir) !important;
  color: var(--k-beige) !important;
  border-color: var(--k-noir) !important;
}

/* Mobile */
@media (max-width: 767px) {
  .e-my-account-tab__view-order .woocommerce-customer-details {
    grid-template-columns: 1fr !important;
  }
}

/* ════════════════════════════════
   ONGLET COMMANDES — Bloc en-tête reçu
   ════════════════════════════════ */

/* Card conteneur principal */
.e-my-account-tab__view-order .woocommerce-MyAccount-content-wrapper {
  background: var(--k-beige) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
  margin-bottom: 14px !important;
}

.k-order-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
}

.k-order-header__logo {
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  color: var(--k-noir) !important;
  text-transform: uppercase !important;
}

.k-order-header__sub {
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--k-gris-clair) !important;
  margin-top: 3px !important;
}

.k-order-status {
  border-radius: 20px !important;
  padding: 4px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.k-order-status--processing { background: #EAF3DE !important; color: var(--k-vert) !important; border: 1px solid #97C459 !important; }
.k-order-status--completed  { background: #E6F1FB !important; color: #185FA5 !important; border: 1px solid #85B7EB !important; }
.k-order-status--cancelled  { background: #FCEBEB !important; color: #A32D2D !important; border: 1px solid #F09595 !important; }
.k-order-status--pending    { background: #FAEEDA !important; color: #854F0B !important; border: 1px solid #EF9F27 !important; }
.k-order-status--on-hold    { background: #FAEEDA !important; color: #854F0B !important; border: 1px solid #EF9F27 !important; }

.k-order-divider {
  border: none !important;
  border-top: 1px dashed var(--k-border) !important;
  margin: 0 0 16px 0 !important;
}

.k-order-meta {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 0 !important;
}

.k-order-meta__item {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.k-order-meta__label {
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--k-gris-clair) !important;
}

.k-order-meta__val {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--k-noir) !important;
}

/* Titre "Détails de la commande" */
.woocommerce-order-details__title {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--k-noir) !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--k-border) !important;
}

/* Tableau des produits commandés */
.woocommerce-table--order-details th {
  font-size: 11px !important;
  color: var(--k-gris) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  background: var(--k-beige-2) !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--k-border) !important;
}

.woocommerce-table--order-details td {
  padding: 12px 14px !important;
  font-size: 13px !important;
  color: var(--k-noir) !important;
  border-bottom: 1px solid var(--k-border-light) !important;
}

/* Total, sous-total, livraison */
.woocommerce-table--order-details tfoot tr th,
.woocommerce-table--order-details tfoot tr td {
  padding: 10px 14px !important;
  font-size: 13px !important;
  border-bottom: 1px solid var(--k-border-light) !important;
}

/* Ligne "Total" en gras */
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
  font-weight: 500 !important;
  color: var(--k-noir) !important;
  font-size: 15px !important;
}

/* Titre "Adresse de facturation" dans le détail */
.woocommerce-column__title {
  font-size: 11px !important;
  color: var(--k-ocre) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

/* Bloc adresse client dans la commande */
.woocommerce-customer-details address {
  font-size: 13px !important;
  color: var(--k-noir) !important;
  font-style: normal !important;
  line-height: 1.8 !important;
  background: var(--k-beige-2) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
}

/* Texte intro "La commande n°X a été passée le..." */
.woocommerce-MyAccount-content p mark {
  background: transparent !important;
  color: var(--k-ocre) !important;
  font-style: normal !important;
}