.g8-account-card{overflow:hidden}.g8-account-card .woocommerce{display:grid;gap:26px}.g8-account-card .woocommerce-MyAccount-navigation{float:none;width:100%;max-width:none}.g8-account-card .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.g8-account-card .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid rgba(34,49,76,.14);border-radius:999px;color:var(--g8-navy);font-weight:500;text-decoration:none;white-space:nowrap}.g8-account-card .woocommerce-MyAccount-navigation .is-active a,.g8-account-card .woocommerce-MyAccount-navigation a:hover{border-color:var(--g8-rose-soft);background:var(--g8-rose-soft)}.g8-account-card .woocommerce-MyAccount-content{float:none;width:100%;max-width:none;min-width:0}.g8-account-card table{width:100%;border-collapse:collapse}.g8-account-card th,.g8-account-card td{padding:14px 10px;border-bottom:1px solid rgba(34,49,76,.12);text-align:left}.g8-feedback-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start;max-width:900px}.g8-feedback-panel__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--g8-navy);background:var(--g8-rose-soft);font-family:var(--g8-font-heading);font-size:2rem;font-weight:500}.g8-feedback-panel h2{margin:0 0 12px;color:var(--g8-navy);font-family:var(--g8-font-heading);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:560}.g8-feedback-panel p{max-width:650px;margin:0;color:var(--g8-muted);line-height:1.65}.g8-feedback-panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}.g8-feedback-panel__actions .g8-button{min-height:50px;padding:14px 22px;font-weight:500}.g8-feedback-panel__link{color:var(--g8-navy);font-weight:500;text-underline-offset:4px}@media(max-width:640px){.g8-feedback-panel{grid-template-columns:1fr}.g8-feedback-panel__mark{width:54px;height:54px}.g8-account-card th,.g8-account-card td{padding:12px 6px;font-size:.86rem}}
.g8-account-card .woocommerce-notices-wrapper{margin-bottom:18px}.g8-account-card .woocommerce-message,.g8-account-card .woocommerce-info,.g8-account-card .woocommerce-error{margin:0 0 22px;padding:16px 20px;border:1px solid var(--g8-border);border-top:3px solid var(--g8-rose-soft);border-radius:var(--g8-radius);list-style:none;color:var(--g8-navy);background:#fff}.g8-account-card .woocommerce-error{border-top-color:#a94f5b}.g8-account-card .woocommerce-message a,.g8-account-card .woocommerce-info a,.g8-account-card .woocommerce-error a{color:var(--g8-navy);font-weight:700}.g8-account-card .woocommerce-message .button{color:var(--g8-navy)}

/* Phase 9I — brand pass for the rest of the My Account surface (addresses,
   buttons, forms), matching the card/button/input language already
   established on the cart, checkout and order-confirmation pages. */

/* The page's own "Mon compte" H1 sits on the dark navy hero and correctly
   inherits color:#fff from .g8-editorial-hero — but homepage.css's global
   "h1,h2,h3{color:var(--g8-navy)}" reset targets h1 directly, and a direct
   rule always beats an inherited value regardless of specificity, so the
   title was rendering navy-on-navy (invisible). Restoring it explicitly. */
.g8-editorial-hero h1 { color: #fff; }

/* Buttons: WooCommerce's plain .button (payment methods "Ajouter", address
   "Enregistrer l'adresse", account-details "Enregistrer les modifications")
   had no styling here at all and fell back to the browser default grey
   button — now matches .g8-button--primary everywhere else on the site. */
.g8-account-card .woocommerce .button,
.g8-account-card .woocommerce button.button,
.g8-account-card .woocommerce a.button,
.g8-account-card .woocommerce input.button {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--g8-radius);
  color: var(--g8-navy);
  background: var(--g8-rose-soft);
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 12px 26px -18px rgba(34, 49, 76, .48);
}
.g8-account-card .woocommerce .button:hover,
.g8-account-card .woocommerce button.button:hover,
.g8-account-card .woocommerce a.button:hover,
.g8-account-card .woocommerce input.button:hover {
  background: var(--g8-rose-hover);
  transform: translateY(-1px);
}
.g8-account-card .woocommerce .button:focus-visible,
.g8-account-card .woocommerce button.button:focus-visible,
.g8-account-card .woocommerce a.button:focus-visible,
.g8-account-card .woocommerce input.button:focus-visible {
  outline: 3px solid var(--g8-navy);
  outline-offset: 3px;
}

/* Form fields: order/text/email/password/select inputs across Addresses and
   Account details, matching the checkout's own input treatment. */
.g8-account-card .woocommerce form .form-row label { display: block; margin-bottom: 6px; color: var(--g8-navy); font-weight: 500; }
.g8-account-card .woocommerce form .input-text,
.g8-account-card .woocommerce form input[type="text"],
.g8-account-card .woocommerce form input[type="email"],
.g8-account-card .woocommerce form input[type="tel"],
.g8-account-card .woocommerce form input[type="password"],
.g8-account-card .woocommerce form select {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 10px 13px;
  border: 1px solid var(--g8-border);
  border-radius: var(--g8-radius);
  color: var(--g8-navy);
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.g8-account-card .woocommerce form .input-text:focus,
.g8-account-card .woocommerce form input[type="text"]:focus,
.g8-account-card .woocommerce form input[type="email"]:focus,
.g8-account-card .woocommerce form input[type="tel"]:focus,
.g8-account-card .woocommerce form input[type="password"]:focus,
.g8-account-card .woocommerce form select:focus {
  border-color: var(--g8-rose-hover);
  box-shadow: 0 0 0 3px var(--g8-rose-pale);
  outline: none;
}
.g8-account-card .woocommerce form .description { margin-top: 6px; color: var(--g8-muted); font-size: .84rem; }

/* Password-change fieldset on Account details — was a bare browser
   <fieldset>/<legend>, now a soft card consistent with the rest of the page. */
.g8-account-card .woocommerce fieldset {
  margin: 8px 0 0;
  padding: 22px;
  border: 1px solid var(--g8-border);
  border-radius: var(--g8-radius);
  background: var(--g8-foam-soft, #f6fdff);
}
.g8-account-card .woocommerce fieldset legend {
  padding: 0 10px;
  margin-left: -10px;
  color: #c87870;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Addresses page: WooCommerce's own .woocommerce-Address-title used the
   page's default h2 size (oversized here) and left its "Modifier"/"Ajouter"
   edit link with no colour of its own, rendering as near-invisible pale
   text — this is the fix for that. Each address becomes its own card,
   matching .g8-confirmation-card elsewhere on the site. */
.g8-account-card .woocommerce-Addresses.u-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.g8-account-card .woocommerce-Addresses .woocommerce-Address {
  float: none !important;
  flex: 1 1 280px;
  width: auto !important;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--g8-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 46px -38px rgba(34, 49, 76, .5);
}
.g8-account-card .woocommerce-Address-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--g8-border);
  text-align: left;
}
.g8-account-card .woocommerce-Address-title h2,
.g8-account-card .woocommerce-Address-title h3 {
  margin: 0;
  color: var(--g8-navy);
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}
.g8-account-card .woocommerce-Address-title .edit {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 14px;
  border-radius: 999px;
  color: var(--g8-navy);
  background: var(--g8-rose-pale);
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .18s ease;
}
.g8-account-card .woocommerce-Address-title .edit:hover { background: var(--g8-rose-soft); }
.g8-account-card .woocommerce-Addresses address {
  margin: 0;
  color: var(--g8-navy);
  font-style: normal;
  line-height: 1.6;
}