/* ============================================================
   Vinabox — Mon compte : skin design system (2026-07-09)
   Habille WooCommerce My Account aux tokens du DS
   (bordeaux #61262A · or #D39C44 · neutres chauds · cards 14px)
   ============================================================ */

/* ---------- Layout : nav à gauche, contenu à droite ---------- */
.woocommerce-account .woocommerce {
  display: flex;
  gap: 28px;
  align-items: flex-start;
}
@media (max-width: 820px) {
  .woocommerce-account .woocommerce { flex-direction: column; }
}

/* ---------- Navigation compte ---------- */
.woocommerce-MyAccount-navigation {
  flex: 0 0 248px;
  width: 248px;
  background: #FFFFFF;
  border: 1px solid #E6DFD6;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 8px 28px rgba(97, 38, 42, .07);
  position: sticky;
  top: 96px;
}
@media (max-width: 820px) {
  .woocommerce-MyAccount-navigation { position: static; width: 100%; flex: 1 1 auto; }
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li {
  margin: 2px 0;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  color: #5C5448;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: #FBF2F2;
  color: #61262A;
}
.woocommerce-MyAccount-navigation li.is-active a {
  background: #61262A;
  color: #FAF7F4;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
  border-top: 1px solid #F3EEE8;
  margin-top: 8px !important;
  padding-top: 8px;
}
.woocommerce-MyAccount-navigation-link--customer-logout a { color: #A9585D; }
.woocommerce-MyAccount-navigation-link--jeux-vinabox a::after {
  content: " ↗";
  color: #D39C44;
  font-size: .85em;
}

/* ---------- Zone de contenu ---------- */
.woocommerce-MyAccount-content {
  flex: 1;
  min-width: 0;
  background: #FFFFFF;
  border: 1px solid #E6DFD6;
  border-radius: 14px;
  padding: 28px 30px;
  box-shadow: 0 8px 28px rgba(97, 38, 42, .07);
}
.woocommerce-MyAccount-content > p:first-child { margin-top: 0; }
.woocommerce-MyAccount-content a { color: #61262A; }
.woocommerce-MyAccount-content fieldset {
  border: 1px solid #E6DFD6;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 18px 0;
}
.woocommerce-MyAccount-content legend { font-weight: 700; color: #61262A; padding: 0 6px; }

/* ---------- Messages / callouts ---------- */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
  border: 1px solid #E6DFD6;
  border-left: 3px solid #D39C44;
  border-radius: 0 10px 10px 0;
  background: #FBF5EA;
  color: #403A32;
  padding: 14px 18px;
}
.woocommerce-account .woocommerce-error { border-left-color: #8E2A2A; background: #F7E6E6; }
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before { color: #B5842F; }

/* ---------- Formulaires ---------- */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row select {
  border: 1.5px solid #CFC6BA;
  border-radius: 10px;
  padding: 11px 13px;
  background: #FFFFFF;
  color: #262320;
}
.woocommerce-account .woocommerce form .form-row input.input-text:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus {
  border-color: #61262A;
  outline: none;
  box-shadow: 0 0 0 3px rgba(97, 38, 42, .08);
}
.woocommerce-account .woocommerce form .form-row label { font-weight: 600; color: #403A32; }

/* ---------- Boutons ---------- */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input[type="submit"] {
  background: #61262A;
  color: #FAF7F4;
  border: none;
  border-radius: 8px;
  padding: 12px 26px;
  font-weight: 700;
  letter-spacing: .02em;
  transition: background .2s;
}
.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button.button:hover {
  background: #44181B;
  color: #FFFFFF;
}

/* ---------- Login / inscription (déconnecté) ---------- */
.woocommerce-account #customer_login {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
  flex: 1 1 320px;
  float: none;
  width: auto;
  background: #FFFFFF;
  border: 1px solid #E6DFD6;
  border-radius: 14px;
  padding: 28px 30px;
  box-shadow: 0 8px 28px rgba(97, 38, 42, .07);
}
.woocommerce-account #customer_login h2 {
  color: #61262A;
  margin-top: 0;
  padding-bottom: 12px;
  border-bottom: 3px solid #D39C44;
  display: inline-block;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register .woocommerce-form-register__submit {
  width: 100%;
  margin-top: 6px;
}
.woocommerce-account .lost_password a { color: #8F6623; font-size: .9em; }

/* ---------- Tableaux (commandes) ---------- */
.woocommerce-account table.shop_table {
  border: 1px solid #E6DFD6;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.woocommerce-account table.shop_table th {
  background: #F3EEE8;
  color: #61262A;
  font-size: .82em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.woocommerce-account table.shop_table td { border-top: 1px solid #F3EEE8; }