/* ==========================================================================
   HAYDAR — Page "Mon compte" (WooCommerce My Account)
   Recoloration + restructuration visuelle, palette de marque.
   v1.0.0
   ========================================================================== */

body.woocommerce-account{
  --hc-ink:#17130F;
  --hc-dark:#3C2D1F;
  --hc-gold:#CBA968;
  --hc-cream:#F5EFDF;
  --hc-beige:#F7F3EC;
  --hc-leather:#6E5138;
  background-color:var(--hc-beige) !important;
}

/* ---------------------------------------------------------------------- */
/* En-tête de page                                                        */
/* ---------------------------------------------------------------------- */
body.woocommerce-account .entry-header{
  max-width:1180px;
  margin:0 auto;
  padding:56px 24px 0;
}
body.woocommerce-account .entry-header .hc-eyebrow{
  display:block;
  font-family:'Cinzel',serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--hc-gold);
  margin:0 0 10px;
}
body.woocommerce-account .entry-title{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  font-size:44px !important;
  line-height:1.15;
  letter-spacing:.3px;
  color:var(--hc-ink) !important;
  margin:0 !important;
}
body.woocommerce-account .entry-header .hc-rule{
  width:64px;
  height:1px;
  background:var(--hc-gold);
  margin-top:22px;
}

body.woocommerce-account .entry-content{
  max-width:1180px;
  margin:0 auto;
  padding:32px 24px 100px;
}

/* Notices (succès / erreur) */
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info{
  background:#fff !important;
  color:var(--hc-ink) !important;
  border-top:3px solid var(--hc-gold) !important;
  border-radius:0 !important;
  box-shadow:0 2px 10px rgba(23,19,15,.06);
  font-family:'Poppins',sans-serif;
  font-size:14px;
  padding:16px 20px !important;
  list-style:none;
  margin:0 0 28px !important;
}
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error{ border-top-color:#A24C3C !important; }
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message::before,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error::before,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info::before{ display:none !important; }
body.woocommerce-account .woocommerce-notices-wrapper .button{ float:none !important; margin-top:10px; }

/* ---------------------------------------------------------------------- */
/* Champs / boutons — communs à tout le module compte                    */
/* ---------------------------------------------------------------------- */
body.woocommerce-account .form-row label{
  display:block;
  font-family:'Poppins',sans-serif !important;
  font-size:12px !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--hc-leather) !important;
  margin-bottom:8px;
}
body.woocommerce-account .form-row .required{ color:var(--hc-gold) !important; text-decoration:none; }

body.woocommerce-account input.input-text,
body.woocommerce-account select,
body.woocommerce-account textarea{
  width:100%;
  background:#fff !important;
  border:1px solid rgba(23,19,15,.2) !important;
  border-radius:0 !important;
  padding:13px 14px !important;
  font-family:'Poppins',sans-serif !important;
  font-size:14px !important;
  color:var(--hc-ink) !important;
  transition:border-color .2s ease;
}
body.woocommerce-account input.input-text:focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus{
  border-color:var(--hc-gold) !important;
  outline:none;
  box-shadow:none !important;
}

body.woocommerce-account .woocommerce-button,
body.woocommerce-account button[type="submit"],
body.woocommerce-account input[type="submit"]{
  display:inline-block;
  font-family:'Manrope',sans-serif !important;
  font-weight:600 !important;
  font-size:12px !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  background:var(--hc-dark) !important;
  color:var(--hc-cream) !important;
  border:1px solid var(--hc-dark) !important;
  border-radius:0 !important;
  padding:15px 30px !important;
  cursor:pointer;
  transition:.25s ease;
}
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account button[type="submit"]:hover,
body.woocommerce-account input[type="submit"]:hover{
  background:var(--hc-beige) !important;
  color:var(--hc-ink) !important;
  border-color:var(--hc-gold) !important;
  box-shadow:inset 0 0 0 1px var(--hc-gold);
}

body.woocommerce-account a{ color:var(--hc-leather); }
body.woocommerce-account .woocommerce-LostPassword a,
body.woocommerce-account .lost_password a{
  font-family:'Poppins',sans-serif;
  font-size:13px;
  color:var(--hc-leather);
  text-decoration:underline;
  text-underline-offset:3px;
}
body.woocommerce-account .woocommerce-LostPassword a:hover,
body.woocommerce-account .lost_password a:hover{ color:var(--hc-gold); }

/* ==========================================================================
   ÉTAT NON CONNECTÉ — Connexion / Inscription
   ========================================================================== */
body.woocommerce-account #customer_login{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid rgba(23,19,15,.14);
  background:#fff;
}
body.woocommerce-account #customer_login .u-column1{ padding:52px 48px; border-right:1px solid rgba(23,19,15,.14); }
body.woocommerce-account #customer_login .u-column2{ padding:52px 48px; background:var(--hc-cream); }

body.woocommerce-account #customer_login h2{
  font-family:'Cormorant Garamond',serif !important;
  font-size:27px !important;
  font-weight:500 !important;
  color:var(--hc-ink) !important;
  margin:0 0 30px !important;
  padding-bottom:18px;
  position:relative;
}
body.woocommerce-account #customer_login h2::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:36px; height:1px; background:var(--hc-gold);
}

body.woocommerce-account .woocommerce-form-login__rememberme{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:'Poppins',sans-serif;
  font-size:13px;
  color:var(--hc-ink);
  cursor:pointer;
}
body.woocommerce-account .woocommerce-form__input-checkbox{
  width:15px; height:15px; accent-color:var(--hc-gold); margin:0;
}
body.woocommerce-account .woocommerce-form-login__submit{ margin-top:6px; }
body.woocommerce-account .woocommerce-form-row.form-row + .lost_password{ margin-top:18px; }

body.woocommerce-account .woocommerce-privacy-policy-text p{
  font-family:'Poppins',sans-serif;
  font-size:12.5px;
  line-height:1.7;
  color:rgba(23,19,15,.65);
  margin:20px 0;
}

@media (max-width:782px){
  body.woocommerce-account #customer_login{ grid-template-columns:1fr; }
  body.woocommerce-account #customer_login .u-column1{ border-right:none; border-bottom:1px solid rgba(23,19,15,.14); }
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2{ padding:36px 24px; }
}

/* ==========================================================================
   ÉTAT CONNECTÉ — Tableau de bord
   ========================================================================== */
body.woocommerce-account.logged-in .woocommerce{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:40px;
}
body.woocommerce-account.logged-in .woocommerce-notices-wrapper{ flex:1 0 100%; }
body.woocommerce-account.logged-in .woocommerce-notices-wrapper:empty{ display:none; margin:0; }

/* -- Navigation latérale -- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{ flex:0 0 268px; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0;
  background:#fff;
  border:1px solid rgba(23,19,15,.14);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
  border-bottom:1px solid rgba(23,19,15,.1);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{
  display:flex;
  align-items:center;
  gap:13px;
  padding:16px 20px;
  font-family:'Poppins',sans-serif;
  font-size:12.5px;
  font-weight:500;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--hc-leather);
  text-decoration:none;
  border-left:3px solid transparent;
  transition:.2s ease;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover{
  background:var(--hc-cream);
  color:var(--hc-ink);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--hc-cream);
  color:var(--hc-ink);
  border-left-color:var(--hc-gold);
  font-weight:600;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .hc-icon{
  width:16px; height:16px; flex:none;
  display:inline-flex;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation .hc-icon svg{
  width:100%; height:100%;
  stroke:currentColor;
  fill:none;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--hc-dark);
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:var(--hc-dark);
  color:var(--hc-cream);
}

/* -- Zone de contenu -- */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  flex:1 1 480px;
  min-width:0;
  background:#fff;
  border:1px solid rgba(23,19,15,.14);
  padding:44px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p{
  font-family:'Poppins',sans-serif;
  font-size:15px;
  line-height:1.85;
  color:var(--hc-ink);
  margin:0 0 16px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type{
  font-family:'Cormorant Garamond',serif;
  font-size:23px;
  font-weight:500;
  line-height:1.4;
  margin-bottom:20px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type strong{
  color:var(--hc-gold);
  font-weight:600;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a{
  color:var(--hc-leather);
  text-decoration:underline;
  text-underline-offset:3px;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover{ color:var(--hc-gold); }

@media (max-width:900px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{ flex-basis:100%; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{ padding:30px 24px; }
}

/* -- Tableaux (commandes / téléchargements) -- */
body.woocommerce-account table.shop_table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 8px;
}
body.woocommerce-account table.shop_table thead th{
  background:var(--hc-dark);
  color:var(--hc-cream);
  font-family:'Cinzel',serif;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:left;
  padding:14px 16px;
  border:none;
}
body.woocommerce-account table.shop_table tbody td{
  padding:16px;
  font-family:'Poppins',sans-serif;
  font-size:13.5px;
  color:var(--hc-ink);
  border-bottom:1px solid rgba(23,19,15,.1);
  vertical-align:middle;
}
body.woocommerce-account table.shop_table tbody tr:hover td{ background:var(--hc-beige); }
body.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-number a{
  font-weight:600;
  color:var(--hc-ink);
  text-decoration:none;
}
body.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-number a:hover{ color:var(--hc-gold); }

body.woocommerce-account mark.order-status{
  background:none !important;
  padding:0 !important;
  color:inherit;
}
body.woocommerce-account mark.order-status span{
  display:inline-block;
  padding:5px 12px;
  font-family:'Manrope',sans-serif;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid currentColor;
}
body.woocommerce-account mark.order-status.status-completed{ color:#5C7A52; }
body.woocommerce-account mark.order-status.status-processing{ color:var(--hc-leather); }
body.woocommerce-account mark.order-status.status-on-hold,
body.woocommerce-account mark.order-status.status-pending{ color:#8A7248; }
body.woocommerce-account mark.order-status.status-cancelled,
body.woocommerce-account mark.order-status.status-failed,
body.woocommerce-account mark.order-status.status-refunded{ color:#A24C3C; }

body.woocommerce-account td.woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account td.woocommerce-table__product-download-actions .button{
  background:none !important;
  color:var(--hc-ink) !important;
  border:1px solid var(--hc-ink) !important;
  padding:8px 16px !important;
  font-size:10.5px !important;
  margin:2px 4px 2px 0 !important;
}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions .button:hover,
body.woocommerce-account td.woocommerce-table__product-download-actions .button:hover{
  background:var(--hc-dark) !important;
  color:var(--hc-cream) !important;
  border-color:var(--hc-dark) !important;
}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions .button.cancel{
  border-color:#A24C3C !important; color:#A24C3C !important;
}
body.woocommerce-account td.woocommerce-orders-table__cell-order-actions .button.cancel:hover{
  background:#A24C3C !important; color:#fff !important; border-color:#A24C3C !important;
}

/* état vide (aucune commande / téléchargement) */
body.woocommerce-account .woocommerce-no-content{
  text-align:center;
  padding:56px 20px;
  border:1px dashed rgba(23,19,15,.22);
}
body.woocommerce-account .woocommerce-no-content{
  font-family:'Cormorant Garamond',serif;
  font-size:21px;
  color:var(--hc-leather);
}
body.woocommerce-account .woocommerce-no-content a{
  display:inline-block;
  margin-top:22px;
  font-family:'Manrope',sans-serif;
  font-weight:600;
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--hc-cream) !important;
  background:var(--hc-dark);
  padding:14px 28px;
  text-decoration:none !important;
}
body.woocommerce-account .woocommerce-no-content a:hover{
  background:var(--hc-beige);
  color:var(--hc-ink) !important;
  box-shadow:inset 0 0 0 1px var(--hc-gold);
}

@media (max-width:680px){
  body.woocommerce-account table.shop_table thead{ display:none; }
  body.woocommerce-account table.shop_table,
  body.woocommerce-account table.shop_table tbody,
  body.woocommerce-account table.shop_table tr,
  body.woocommerce-account table.shop_table td{ display:block; width:100%; }
  body.woocommerce-account table.shop_table tr{
    border:1px solid rgba(23,19,15,.14);
    margin-bottom:16px;
    padding:6px 16px;
  }
  body.woocommerce-account table.shop_table td{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:10px 0;
    border-bottom:1px solid rgba(23,19,15,.08);
  }
  body.woocommerce-account table.shop_table td:last-child{ border-bottom:none; }
  body.woocommerce-account table.shop_table td::before{
    content:attr(data-title);
    font-family:'Cinzel',serif;
    font-size:9.5px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--hc-leather);
    flex:none;
  }
}

/* -- Adresses -- */
body.woocommerce-account .woocommerce-Addresses.addresses-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
body.woocommerce-account .woocommerce-Address{
  border:1px solid rgba(23,19,15,.14);
  padding:28px;
}
body.woocommerce-account .woocommerce-Address-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(23,19,15,.1);
}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3{
  font-family:'Cormorant Garamond',serif !important;
  font-size:20px !important;
  font-weight:500 !important;
  color:var(--hc-ink) !important;
  margin:0 !important;
}
body.woocommerce-account .woocommerce-Address-title .edit{
  flex:none;
  font-family:'Manrope',sans-serif;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--hc-leather);
  text-decoration:none;
  border-bottom:1px solid var(--hc-gold);
  padding-bottom:2px;
}
body.woocommerce-account .woocommerce-Address-title .edit:hover{ color:var(--hc-gold); }
body.woocommerce-account address{
  font-family:'Poppins',sans-serif;
  font-size:14px;
  line-height:1.95;
  color:var(--hc-ink);
  font-style:normal;
}
body.woocommerce-account p.woocommerce-Address-lead{
  font-family:'Poppins',sans-serif;
  font-size:13.5px;
  color:rgba(23,19,15,.65);
  grid-column:1 / -1;
  margin:0 0 4px;
}

@media (max-width:680px){
  body.woocommerce-account .woocommerce-Addresses.addresses-container{ grid-template-columns:1fr; }
}

/* -- Formulaires (détails du compte / édition d'adresse) -- */
body.woocommerce-account fieldset{
  border:1px solid rgba(23,19,15,.16);
  padding:26px;
  margin:28px 0 0;
}
body.woocommerce-account fieldset legend{
  font-family:'Cinzel',serif;
  font-size:11.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--hc-leather);
  padding:0 10px;
}
body.woocommerce-account .form-row .description{
  font-family:'Poppins',sans-serif;
  font-size:12px;
  color:rgba(23,19,15,.55);
  margin-top:6px;
}
body.woocommerce-account select2-container,
body.woocommerce-account .select2-container .select2-selection--single{
  background:#fff !important;
  border:1px solid rgba(23,19,15,.2) !important;
  border-radius:0 !important;
  height:auto !important;
  padding:9px 4px !important;
}

/* ============================================================
   NIVEAU SUPERIEUR - Hero, cartes rapides, poli premium
   ============================================================ */

/* Fil d'Ariane */
body.woocommerce-account .hc-breadcrumb{
  max-width:1180px;
  margin:0 auto;
  padding:28px 24px 0;
  font-family:'Poppins',sans-serif;
  font-size:12px;
  letter-spacing:.03em;
  color:rgba(23,19,15,.5);
}
body.woocommerce-account .hc-breadcrumb a{ color:rgba(23,19,15,.5); text-decoration:none; }
body.woocommerce-account .hc-breadcrumb a:hover{ color:var(--hc-gold); }
body.woocommerce-account .hc-breadcrumb .sep{ margin:0 8px; color:rgba(23,19,15,.3); }

/* Cartes avec ombre douce */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-Address,
body.woocommerce-account #customer_login{
  box-shadow:0 1px 2px rgba(23,19,15,.04), 0 12px 32px -12px rgba(23,19,15,.12);
}

/* Nav collante desktop */
@media (min-width:901px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    position:sticky;
    top:110px;
    align-self:flex-start;
  }
}

/* Hero de bienvenue */
body.woocommerce-account.logged-in .hc-account-hero{
  flex:1 0 100%;
  display:flex;
  align-items:center;
  gap:24px;
  background:linear-gradient(120deg, var(--hc-dark) 0%, #2A1F15 100%);
  color:var(--hc-cream);
  padding:36px 40px;
  margin-bottom:4px;
  position:relative;
  overflow:hidden;
}
body.woocommerce-account.logged-in .hc-account-hero::after{
  content:"";
  position:absolute;
  right:-40px; top:-40px;
  width:180px; height:180px;
  border:1px solid rgba(203,169,104,.25);
  border-radius:50%;
}
body.woocommerce-account.logged-in .hc-avatar{
  flex:none;
  width:64px; height:64px;
  border-radius:50%;
  border:1px solid var(--hc-gold);
  display:flex; align-items:center; justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  font-weight:600;
  color:var(--hc-gold);
  background:rgba(203,169,104,.08);
  position:relative;
  z-index:1;
}
body.woocommerce-account.logged-in .hc-hero-info{
  flex:1 1 auto;
  min-width:0;
  position:relative; z-index:1;
}
body.woocommerce-account.logged-in .hc-hero-eyebrow{
  display:block;
  font-family:'Cinzel',serif;
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--hc-gold);
  margin-bottom:6px;
}
body.woocommerce-account.logged-in .hc-hero-name{
  font-family:'Cormorant Garamond',serif;
  font-size:28px;
  font-weight:500;
  color:#fff;
  margin:0 0 4px;
  line-height:1.2;
}
body.woocommerce-account.logged-in .hc-hero-meta{
  font-family:'Poppins',sans-serif;
  font-size:12.5px;
  color:rgba(245,239,223,.65);
}
body.woocommerce-account.logged-in .hc-hero-stats{
  display:flex;
  gap:32px;
  flex:none;
  position:relative; z-index:1;
}
body.woocommerce-account.logged-in .hc-stat{ text-align:center; }
body.woocommerce-account.logged-in .hc-stat-num{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:26px;
  font-weight:600;
  color:var(--hc-gold);
  line-height:1;
}
body.woocommerce-account.logged-in .hc-stat-label{
  display:block;
  font-family:'Manrope',sans-serif;
  font-size:9.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(245,239,223,.55);
  margin-top:6px;
}
@media (max-width:680px){
  body.woocommerce-account.logged-in .hc-account-hero{ flex-wrap:wrap; padding:28px 24px; gap:16px; }
  body.woocommerce-account.logged-in .hc-hero-stats{ flex-basis:100%; justify-content:flex-start; gap:28px; padding-top:12px; border-top:1px solid rgba(245,239,223,.15); }
}

/* Intro dashboard sous le hero (remplace le paragraphe par defaut) */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-of-type{ display:none; }
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p{
  font-family:'Poppins',sans-serif;
  font-size:14px;
  color:rgba(23,19,15,.7);
  margin:0 0 28px;
}

/* Cartes de raccourcis (tableau de bord) */
body.woocommerce-account.logged-in .hc-quicklinks{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  margin-top:8px;
}
body.woocommerce-account.logged-in .hc-qcard{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:24px 22px;
  border:1px solid rgba(23,19,15,.12);
  text-decoration:none !important;
  position:relative;
  transition:.2s ease;
}
body.woocommerce-account.logged-in .hc-qcard:hover{
  border-color:var(--hc-gold);
  transform:translateY(-3px);
  box-shadow:0 14px 28px -14px rgba(23,19,15,.25);
}
body.woocommerce-account.logged-in .hc-qcard-icon{ width:26px; height:26px; color:var(--hc-gold); }
body.woocommerce-account.logged-in .hc-qcard-icon svg{ width:100%; height:100%; }
body.woocommerce-account.logged-in .hc-qcard-title{
  font-family:'Cormorant Garamond',serif;
  font-size:19px;
  font-weight:600;
  color:var(--hc-ink);
}
body.woocommerce-account.logged-in .hc-qcard-desc{
  font-family:'Poppins',sans-serif;
  font-size:12.5px;
  line-height:1.6;
  color:rgba(23,19,15,.6);
}
body.woocommerce-account.logged-in .hc-qcard-arrow{
  position:absolute; top:22px; right:20px;
  color:var(--hc-gold);
  font-size:15px;
  opacity:0;
  transform:translateX(-4px);
  transition:.2s ease;
}
body.woocommerce-account.logged-in .hc-qcard:hover .hc-qcard-arrow{ opacity:1; transform:translateX(0); }
@media (max-width:900px){ body.woocommerce-account.logged-in .hc-quicklinks{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ body.woocommerce-account.logged-in .hc-quicklinks{ grid-template-columns:1fr; } }

/* Badges de statut - pastille pleine, plus premium */
body.woocommerce-account mark.order-status span{ border:none; background:rgba(23,19,15,.06); }
body.woocommerce-account mark.order-status.status-completed span{ background:rgba(92,122,82,.12); }
body.woocommerce-account mark.order-status.status-processing span{ background:rgba(110,81,56,.12); }
body.woocommerce-account mark.order-status.status-on-hold span,
body.woocommerce-account mark.order-status.status-pending span{ background:rgba(138,114,72,.12); }
body.woocommerce-account mark.order-status.status-cancelled span,
body.woocommerce-account mark.order-status.status-failed span,
body.woocommerce-account mark.order-status.status-refunded span{ background:rgba(162,76,60,.12); }

/* Entree douce */
@media (prefers-reduced-motion:no-preference){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
  body.woocommerce-account.logged-in .hc-account-hero{
    animation:hcFadeUp .5s ease both;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{ animation-delay:.05s; }
  @keyframes hcFadeUp{
    from{ opacity:0; transform:translateY(10px); }
    to{ opacity:1; transform:translateY(0); }
  }
}
/* ============================================================
   CORRECTIFS - notices hors wrapper, boutons casse alternative,
   cartes d'adresse (retour utilisateur)
   ============================================================ */

/* Notices WooCommerce affichees DANS le contenu (pas seulement dans
   .woocommerce-notices-wrapper) - ex: relance verification e-mail,
   "aucune commande", etc. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message{
  display:flex !important;
  flex-direction:row-reverse;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  background:var(--hc-cream) !important;
  color:var(--hc-ink) !important;
  border:none !important;
  border-left:3px solid var(--hc-gold) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-family:'Poppins',sans-serif !important;
  font-size:13.5px !important;
  line-height:1.7;
  padding:18px 22px !important;
  margin:0 0 20px !important;
  list-style:none !important;
}
body.woocommerce-account .woocommerce-error{ border-left-color:#A24C3C !important; }
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-error::before{ display:none !important; }

/* Boutons - WooCommerce utilise parfois "woocommerce-Button" (B majuscule)
   selon le contexte/template. On couvre toutes les variantes + .wc-forward. */
body.woocommerce-account .woocommerce-Button,
body.woocommerce-account a.button,
body.woocommerce-account button.button,
body.woocommerce-account .wc-forward,
body.woocommerce-account .woocommerce-info a,
body.woocommerce-account .woocommerce-message a{
  display:inline-block;
  flex:none;
  white-space:nowrap;
  font-family:'Manrope',sans-serif !important;
  font-weight:600 !important;
  font-size:11.5px !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  background:var(--hc-dark) !important;
  color:var(--hc-cream) !important;
  border:1px solid var(--hc-dark) !important;
  border-radius:0 !important;
  padding:12px 22px !important;
  text-decoration:none !important;
  cursor:pointer;
  transition:.25s ease;
}
body.woocommerce-account .woocommerce-Button:hover,
body.woocommerce-account a.button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account .wc-forward:hover,
body.woocommerce-account .woocommerce-info a:hover,
body.woocommerce-account .woocommerce-message a:hover{
  background:var(--hc-beige) !important;
  color:var(--hc-ink) !important;
  border-color:var(--hc-gold) !important;
  box-shadow:inset 0 0 0 1px var(--hc-gold);
}

/* Cartes d'adresse - empecher tout chevauchement titre / lien d'action */
body.woocommerce-account .woocommerce-Address-title{
  align-items:flex-start;
  flex-wrap:nowrap;
  gap:16px;
}
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Address-title h3{
  flex:1 1 auto;
  min-width:0;
}
body.woocommerce-account .woocommerce-Address-title .edit{
  flex:none;
  white-space:nowrap;
  margin-top:4px;
}
/* ============================================================
   AVATAR - photo de profil personnalisee
   ============================================================ */
body.woocommerce-account.logged-in .hc-avatar-wrap{
  position:relative;
  flex:none;
}
body.woocommerce-account.logged-in .hc-avatar{
  width:64px; height:64px;
  border-radius:50%;
  border:1px solid var(--hc-gold);
  background:rgba(203,169,104,.08);
  padding:0;
  cursor:pointer;
  overflow:hidden;
  position:relative;
  display:block;
}
body.woocommerce-account.logged-in .hc-avatar-initials{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%;
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  font-weight:600;
  color:var(--hc-gold);
}
body.woocommerce-account.logged-in .hc-avatar-img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
body.woocommerce-account.logged-in .hc-avatar-overlay{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(23,19,15,.55);
  opacity:0;
  transition:.2s ease;
}
body.woocommerce-account.logged-in .hc-avatar-overlay svg{
  width:20px; height:20px;
  stroke:var(--hc-cream);
  fill:none;
}
body.woocommerce-account.logged-in .hc-avatar:hover .hc-avatar-overlay,
body.woocommerce-account.logged-in .hc-avatar:focus-visible .hc-avatar-overlay{ opacity:1; }
/* Tactile: pas de hover fiable -> overlay visible en permanence, discret */
@media (hover:none){
  body.woocommerce-account.logged-in .hc-avatar-overlay{ opacity:.8; background:rgba(23,19,15,.4); }
}
body.woocommerce-account.logged-in .hc-avatar-remove{
  position:absolute;
  top:-2px; right:-2px;
  width:24px; height:24px;
  min-width:0;
  border-radius:50%;
  background:var(--hc-cream);
  color:var(--hc-ink);
  border:1px solid rgba(23,19,15,.18);
  font-size:15px;
  line-height:1;
  padding:0;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  z-index:2;
}
body.woocommerce-account.logged-in .hc-avatar-remove:hover{ background:#A24C3C; color:#fff; border-color:#A24C3C; }
body.woocommerce-account.logged-in .hc-avatar-wrap.is-uploading .hc-avatar{ opacity:.45; pointer-events:none; }
body.woocommerce-account.logged-in .hc-avatar-wrap.is-uploading::after{
  content:"";
  position:absolute; inset:0;
  border:2px solid transparent;
  border-top-color:var(--hc-gold);
  border-radius:50%;
  animation:hcSpin .7s linear infinite;
}
@keyframes hcSpin{ to{ transform:rotate(360deg); } }
body.woocommerce-account.logged-in .hc-visually-hidden{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
body.woocommerce-account.logged-in .hc-avatar-toast{
  position:absolute;
  top:calc(100% + 10px); left:50%;
  transform:translateX(-50%) translateY(-4px);
  background:var(--hc-ink);
  color:var(--hc-cream);
  font-family:'Poppins',sans-serif;
  font-size:11px;
  padding:7px 14px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
  z-index:5;
}
body.woocommerce-account.logged-in .hc-avatar-toast.is-visible{ opacity:1; transform:translateX(-50%) translateY(0); }
body.woocommerce-account.logged-in .hc-avatar-toast.is-error{ background:#A24C3C; }

/* ============================================================
   OPTIMISATION MOBILE - standards internationaux
   (cibles tactiles >=44px, navigation en ruban, typographie adaptative)
   ============================================================ */

@media (max-width:600px){
  body.woocommerce-account .entry-header{ padding:32px 18px 0; }
  body.woocommerce-account .entry-title{ font-size:30px !important; line-height:1.2; }
  body.woocommerce-account .entry-content{ padding:18px 14px 56px; }
  body.woocommerce-account .hc-breadcrumb{ padding:18px 18px 0; font-size:11px; }
}

/* Navigation compte -> ruban horizontal scrollable sous 900px (standard mobile e-commerce) */
@media (max-width:900px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
    border-bottom:none;
    border-right:1px solid rgba(23,19,15,.1);
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li:last-child{ border-right:none; }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{
    padding:13px 18px;
    min-height:44px;
    white-space:nowrap;
    border-left:none;
    border-bottom:3px solid transparent;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a{
    border-left-color:transparent;
    border-bottom-color:var(--hc-gold);
  }
}

/* Cibles tactiles confortables (Apple HIG / Material >=44-48px) */
@media (max-width:600px){
  body.woocommerce-account .woocommerce-button,
  body.woocommerce-account .woocommerce-Button,
  body.woocommerce-account button[type="submit"],
  body.woocommerce-account input[type="submit"],
  body.woocommerce-account a.button{
    width:100%;
    min-height:48px;
    text-align:center;
  }
  body.woocommerce-account input.input-text,
  body.woocommerce-account select{
    min-height:46px;
  }
  body.woocommerce-account .woocommerce-info,
  body.woocommerce-account .woocommerce-message{
    flex-direction:column;
    align-items:stretch;
  }
  body.woocommerce-account .woocommerce-info .button,
  body.woocommerce-account .woocommerce-message .button{ width:100%; text-align:center; }
}

/* Hero compact sur mobile */
@media (max-width:600px){
  body.woocommerce-account.logged-in .hc-account-hero{ padding:22px 18px; gap:14px; }
  body.woocommerce-account.logged-in .hc-avatar,
  body.woocommerce-account.logged-in .hc-avatar-wrap{ width:56px; height:56px; }
  body.woocommerce-account.logged-in .hc-avatar{ width:56px; height:56px; }
  body.woocommerce-account.logged-in .hc-avatar-initials{ font-size:20px; }
  body.woocommerce-account.logged-in .hc-hero-name{ font-size:21px; }
  body.woocommerce-account.logged-in .hc-hero-meta{ font-size:11.5px; }
  body.woocommerce-account.logged-in .hc-stat-num{ font-size:19px; }
  body.woocommerce-account.logged-in .hc-hero-stats{ gap:24px; }
}

/* Contenu / cartes - marges reduites sur petit ecran */
@media (max-width:600px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{ padding:22px 16px; }
  body.woocommerce-account .woocommerce-Address{ padding:18px; }
  body.woocommerce-account fieldset{ padding:16px; }
  body.woocommerce-account #customer_login .u-column1,
  body.woocommerce-account #customer_login .u-column2{ padding:28px 18px; }
}