/* ==========================================================================
   RAVITO — MON COMPTE
   ========================================================================== */

body.woocommerce-account .ravito-page__content {
  overflow: hidden; /* contient les éléments flottants même à travers un wrapper intermédiaire */
}
@media (min-width: 721px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left !important;
    width: 220px !important;
    margin: 0 24px 0 0 !important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    margin: 0 0 0 244px !important;
  }
}
@media (max-width: 720px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }
}

/* --- Navigation --- */
.woocommerce-MyAccount-navigation {
  background: var(--ravito-olive-800);
  border: 1px solid var(--ravito-border);
  border-radius: var(--ravito-radius-lg);
  padding: 10px;
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.woocommerce-MyAccount-navigation-link a {
  display: block;
  padding: 10px 12px;
  font-family: var(--ravito-font-mono);
  font-size: 12px;
  letter-spacing: 0.5px;
  color: var(--ravito-text-secondary);
  border-radius: var(--ravito-radius-sm);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.woocommerce-MyAccount-navigation-link a:hover { background: var(--ravito-olive-700); color: var(--ravito-text-primary); }
.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--ravito-stencil-yellow);
  color: var(--ravito-stencil-yellow-text);
  font-weight: 500;
}

/* --- Contenu --- */
.woocommerce-MyAccount-content {
  background: var(--ravito-olive-800);
  border: 1px solid var(--ravito-border);
  border-radius: var(--ravito-radius-lg);
  padding: 20px 22px;
}
.woocommerce-MyAccount-content p { color: var(--ravito-text-secondary); font-size: 13px; line-height: 1.6; }
.woocommerce-MyAccount-content mark { background: none; color: var(--ravito-stencil-yellow); font-weight: 500; }
.woocommerce-MyAccount-content a:not(.button) { color: var(--ravito-stencil-yellow-dark); text-decoration: underline; }

/* --- Tableau des commandes --- */
.woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.woocommerce-orders-table th,
.woocommerce-MyAccount-content table.shop_table th {
  font-family: var(--ravito-font-mono);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ravito-text-muted);
  text-align: left;
  padding: 10px 8px;
  border-bottom: 1px solid var(--ravito-border-strong);
}
.woocommerce-orders-table td,
.woocommerce-MyAccount-content table.shop_table td {
  padding: 12px 8px;
  font-size: 13px;
  color: var(--ravito-text-primary);
  border-bottom: 1px solid var(--ravito-border);
}
.woocommerce-orders-table__cell-order-total,
.woocommerce-MyAccount-content .amount { font-family: var(--ravito-font-mono); color: var(--ravito-stencil-yellow); }

.woocommerce-orders-table__cell-order-status mark,
.order-status {
  display: inline-block;
  font-family: var(--ravito-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  padding: 3px 9px;
  border-radius: var(--ravito-radius-sm);
  background: var(--ravito-olive-700);
  color: var(--ravito-text-secondary);
}
.woocommerce-orders-table__cell-order-status mark.completed,
.order-status.status-completed { background: var(--ravito-green-ok); color: var(--ravito-olive-950); }
.woocommerce-orders-table__cell-order-status mark.processing,
.order-status.status-processing { background: var(--ravito-stencil-yellow); color: var(--ravito-stencil-yellow-text); }
.woocommerce-orders-table__cell-order-status mark.cancelled,
.woocommerce-orders-table__cell-order-status mark.failed,
.order-status.status-cancelled,
.order-status.status-failed { background: var(--ravito-red); color: var(--ravito-red-bg); }

.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-MyAccount-content .woocommerce-button {
  display: inline-block;
  font-family: var(--ravito-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--ravito-radius-sm);
  border: 1px solid var(--ravito-border-strong);
  color: var(--ravito-text-primary);
  background: transparent;
}
.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover { border-color: var(--ravito-stencil-yellow); color: var(--ravito-stencil-yellow); }
.woocommerce-orders-table__cell-order-actions .button.pay,
.woocommerce-MyAccount-content .woocommerce-button.button.pay {
  background: var(--ravito-stencil-yellow);
  color: var(--ravito-stencil-yellow-text);
  border-color: var(--ravito-stencil-yellow);
}

/* --- Détail de commande --- */
.woocommerce-order-details, .woocommerce-customer-details { margin-top: 20px; }
.woocommerce-order-details__title, .woocommerce-column__title {
  font-family: var(--ravito-font-mono);
  font-size: 12px;
  letter-spacing: 1px;
  color: var(--ravito-text-muted);
  text-transform: uppercase;
  margin: 0 0 10px;
}

/* --- Adresses --- */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 10px; }
@media (max-width: 600px) { .woocommerce-Addresses { grid-template-columns: 1fr; } }
.woocommerce-Address { background: var(--ravito-olive-700); border-radius: var(--ravito-radius-md); padding: 14px 16px; }
.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.woocommerce-Address-title h3 { font-size: 13px; margin: 0; }
.woocommerce-Address-title .edit { font-family: var(--ravito-font-mono); font-size: 11px; color: var(--ravito-stencil-yellow-dark); }
.woocommerce-Address address { font-style: normal; font-size: 13px; color: var(--ravito-text-secondary); line-height: 1.6; }

/* --- Formulaires (édition compte, adresses, login/register) --- */
.woocommerce-MyAccount-content form .form-row { margin-bottom: 14px; }
.woocommerce-MyAccount-content form label {
  display: block;
  font-family: var(--ravito-font-mono);
  font-size: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--ravito-text-muted);
  margin-bottom: 5px;
}
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea {
  width: 100%;
  background: var(--ravito-olive-700);
  border: 1px solid var(--ravito-border-strong);
  color: var(--ravito-text-primary);
  padding: 10px 12px;
  border-radius: var(--ravito-radius-sm);
  box-sizing: border-box;
}
.woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-MyAccount-content form .woocommerce-Button {
  font-family: var(--ravito-font-mono);
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: var(--ravito-stencil-yellow);
  color: var(--ravito-stencil-yellow-text);
  padding: 11px 20px;
  border-radius: var(--ravito-radius-sm);
  border: none;
  font-weight: 500;
  cursor: pointer;
}
.woocommerce-MyAccount-content form button[type="submit"]:hover { filter: brightness(1.08); }

/* --- Connexion / Inscription (visiteur non connecté) --- */
body.woocommerce-account:not(.logged-in) .ravito-page__content { max-width: 780px; margin: 0 auto; }
.woocommerce-form-login, .woocommerce-form-register {
  background: var(--ravito-olive-800);
  border: 1px solid var(--ravito-border);
  border-radius: var(--ravito-radius-lg);
  padding: 24px;
}
.u-columns.woocommerce-Addresses.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 600px) { .u-columns.woocommerce-Addresses.col2-set { grid-template-columns: 1fr; } }
.woocommerce-form-login__rememberme { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ravito-text-secondary); }
.woocommerce-LostPassword { font-size: 12px; margin-top: 10px; }
.woocommerce-LostPassword a { color: var(--ravito-stencil-yellow-dark); }