/* account.css — pages Mon compte WooCommerce (classiques, CSS Woo desactive) aux codes FR :
   fond blanc, champs 50 px bordure fine, boutons FR, tableaux a filets, en-tetes en petites capitales espacees. */
.woocommerce-account .kj-page__body h1{font-size:var(--font-h2--size);margin:0 0 32px}
.woocommerce-account .woocommerce{font-size:var(--font-body--size);line-height:1.6}
.woocommerce-account .woocommerce a:not(.button){color:inherit;text-underline-offset:3px}
.woocommerce-account .woocommerce h2{font-size:var(--font-h4--size);margin:0 0 20px}
.woocommerce-account .woocommerce p{margin:0 0 14px}
.woocommerce-account .clear{display:none}

/* ---------- champs ---------- */
.woocommerce-account .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:0}
.woocommerce-account .form-row label{font-size:var(--font-body--size);color:var(--color-foreground)}
.woocommerce-account .form-row label .required{color:inherit;text-decoration:none;border:0;opacity:.6}
.woocommerce-account .form-row label .optional{opacity:.6}
.woocommerce-account .input-text,
.woocommerce-account .form-row select,
.woocommerce-account .form-row textarea{width:100%;min-height:var(--inputs-min-height,50px);padding:0 var(--inputs-padding,14px);font:inherit;font-size:var(--inputs-font-size,.875rem);color:var(--color-input-text);background:var(--color-input-background,#fff);border:var(--inputs-border-width,1px) solid var(--color-input-border);border-radius:var(--inputs-border-radius,0);outline:none;transition:border-color .1s ease-out;box-shadow:none;appearance:none}
.woocommerce-account .form-row textarea{padding:var(--inputs-padding,14px);min-height:100px}
.woocommerce-account .input-text:focus,.woocommerce-account .form-row select:focus{border-color:var(--color-selected-input-border)}
.woocommerce-account .input-text::placeholder{color:var(--color-input-text);opacity:.45}
.woocommerce-account .woocommerce-input-wrapper{display:block;width:100%}
.woocommerce-account .form-row.woocommerce-invalid .input-text{border-color:#b3261e}
.woocommerce-account #account_display_name_description{display:block;font-size:var(--font-body--size-small);opacity:.6;margin-top:2px}
.woocommerce-account #account_display_name_description em{font-style:normal}
@media (min-width:750px){
  .woocommerce-account .woocommerce-EditAccountForm,
  .woocommerce-account .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .woocommerce-account .woocommerce-EditAccountForm>*,
  .woocommerce-account .woocommerce-address-fields__field-wrapper>*{grid-column:1 / -1}
  .woocommerce-account .woocommerce-EditAccountForm>.form-row-first,
  .woocommerce-account .woocommerce-address-fields__field-wrapper>.form-row-first{grid-column:1}
  .woocommerce-account .woocommerce-EditAccountForm>.form-row-last,
  .woocommerce-account .woocommerce-address-fields__field-wrapper>.form-row-last{grid-column:2}
}
/* afficher / masquer le mot de passe (bouton ajoute par WooCommerce) */
.woocommerce-account .password-input{position:relative;display:block;width:100%}
.woocommerce-account .password-input .input-text{padding-right:52px}
.woocommerce-account .show-password-input{position:absolute;top:0;right:0;width:50px;height:100%;border:0;background:transparent;cursor:pointer;color:var(--color-foreground);opacity:.55;padding:0}
.woocommerce-account .show-password-input:hover{opacity:1}
.woocommerce-account .show-password-input::before{content:"";display:block;width:20px;height:20px;margin:auto;background:currentColor;-webkit-mask:var(--kj-eye) center / contain no-repeat;mask:var(--kj-eye) center / contain no-repeat;
  --kj-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480.09-336.92q67.99 0 115.49-47.59t47.5-115.58q0-67.99-47.59-115.49t-115.58-47.5q-67.99 0-115.49 47.59t-47.5 115.58q0 67.99 47.59 115.49t115.58 47.5ZM480-392q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm.05 172q-137.97 0-251.43-76.12Q115.16-372.23 61.54-500q53.62-127.77 167.03-203.88Q341.98-780 479.95-780q137.97 0 251.43 76.12Q844.84-627.77 898.46-500q-53.62 127.77-167.03 203.88Q618.02-220 480.05-220ZM480-500Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3E%3C/svg%3E")}
.woocommerce-account .show-password-input.display-password::before{
  --kj-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m630.92-441.08-44.46-44.46q9.39-49.38-28.42-92.08-37.81-42.69-97.12-33.3l-44.46-44.46q15.08-7.08 31.19-10.5 16.12-3.43 32.35-3.43 68.08 0 115.58 47.5T643.08-506q0 16.23-3.43 33.12-3.42 16.88-8.73 31.8Zm127.46 125.93-44-40.85q38-29 68.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-46.61-46.61q37.92-15.08 77.46-22.23Q438.38-780 480-780q144.23 0 260.92 79.73T898.46-500q-22.23 57.23-59.34 105.69-37.12 48.46-80.74 79.16Zm32.31 238.77L628.62-238.46q-31.77 11.84-70.62 17.15-38.85 5.31-78 5.31-144.61 0-261.3-79.73Q101.99-375.46 61.54-500q17.54-45.69 44.73-87.31 27.19-41.61 64.81-77.07L75.39-760.31l42.15-42.15 715.3 715.3-42.15 44.78ZM214.46-620.23q-29.54 25.31-56.1 57.46Q131.81-530.62 128-500q50 101 143.5 160.5T480-280q24.46 0 48.35-2.85 23.88-2.84 41.19-9.69l-43.39-43.39q-9.77 3.62-22.3 5.12-12.54 1.5-23.85 1.5-68.08 0-115.58-47.5T316.92-492q0-11.69 1.5-23.85 1.5-12.15 5.12-22.3l-109.08-82.08Zm322.62 102.54Zm-133.39 69.07Z'/%3E%3C/svg%3E")}
/* case a cocher « Remember me » */
.woocommerce-account .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--font-body--size)}
.woocommerce-account input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#000;flex-shrink:0}
/* select2 (pays) aligne sur les champs */
.woocommerce-account .select2-container{width:100%!important}
.woocommerce-account .select2-container .select2-selection--single{height:var(--inputs-min-height,50px);border:var(--inputs-border-width,1px) solid var(--color-input-border);border-radius:var(--inputs-border-radius,0);display:flex;align-items:center}
.woocommerce-account .select2-container .select2-selection--single .select2-selection__rendered{padding:0 40px 0 var(--inputs-padding,14px);line-height:normal;color:var(--color-input-text);font-size:var(--inputs-font-size,.875rem)}
.woocommerce-account .select2-container .select2-selection--single .select2-selection__arrow{height:100%;right:10px}

/* ---------- boutons ---------- */
.woocommerce-account .woocommerce .button{max-width:none}
.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button,
.woocommerce-account .lost_reset_password .button{width:100%}
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:8px}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme{align-self:flex-start}
.woocommerce-account .lost_password{margin:4px 0 0;text-align:center}
.woocommerce-account .woocommerce-EditAccountForm>p:last-of-type,
.woocommerce-account .woocommerce-address-fields>p{margin-top:8px}
.woocommerce-account .button.woocommerce-button--small,
.woocommerce-account .shop_table .button{min-height:36px;min-width:0;padding:6px 14px;font-size:var(--font-body--size-small);color:var(--color-secondary-button-text);background:var(--color-secondary-button-background);border:var(--button-secondary-border-width,1px) solid var(--color-secondary-button-border)}
.woocommerce-account .shop_table .button.pay{color:var(--color-primary-button-text);background:var(--color-primary-button-background);border-color:var(--color-primary-button-background)}

/* ---------- connexion / creation de compte ---------- */
.woocommerce-account #customer_login{display:grid;grid-template-columns:1fr;gap:48px;max-width:980px}
@media (min-width:750px){
  .woocommerce-account #customer_login{grid-template-columns:1fr 1fr;gap:0}
  .woocommerce-account #customer_login>.u-column1{padding-right:56px}
  .woocommerce-account #customer_login>.u-column2{padding-left:56px;border-left:1px solid var(--color-border)}
}
@media (max-width:749px){.woocommerce-account #customer_login>.u-column2{padding-top:40px;border-top:1px solid var(--color-border)}}
.woocommerce-account .woocommerce-form-register>p:not(.form-row),
.woocommerce-account .woocommerce-privacy-policy-text p{font-size:var(--font-body--size-small);opacity:.7}
.woocommerce-account .lost_reset_password{max-width:470px}
.woocommerce-account .lost_reset_password .form-row-first{width:100%}

/* ---------- espace connecte : navigation + contenu ---------- */
.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:1fr;gap:32px}
@media (min-width:990px){.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){grid-template-columns:220px 1fr;gap:64px;align-items:start}}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation a{display:block;text-decoration:none!important;color:inherit}
@media (min-width:990px){
  .woocommerce-MyAccount-navigation{position:sticky;top:120px}
  .woocommerce-MyAccount-navigation ul{border-top:1px solid var(--color-border)}
  .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--color-border)}
  .woocommerce-MyAccount-navigation a{padding:13px 0;transition:opacity .15s}
  .woocommerce-MyAccount-navigation a:hover{opacity:.6}
  .woocommerce-MyAccount-navigation li.is-active a{font-weight:600}
  .woocommerce-MyAccount-navigation-link--customer-logout a{opacity:.6}
}
@media (max-width:989px){ /* onglets defilants, comme les onglets FR de la fiche produit */
  .woocommerce-MyAccount-navigation{margin:0 calc(-1 * var(--page-margin-mobile,16px));overflow-x:auto;scrollbar-width:none}
  .woocommerce-MyAccount-navigation::-webkit-scrollbar{display:none}
  .woocommerce-MyAccount-navigation ul{display:flex;gap:0;padding:0 var(--page-margin-mobile,16px);border-bottom:1px solid var(--color-border);width:max-content;min-width:100%}
  .woocommerce-MyAccount-navigation a{padding:12px 14px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
  .woocommerce-MyAccount-navigation li:first-child a{padding-left:0}
  .woocommerce-MyAccount-navigation li.is-active a{border-bottom-color:currentColor;font-weight:600}
}
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content>p:first-of-type strong{font-weight:600}
.woocommerce-MyAccount-content mark{background:none;color:inherit;font-weight:600}
.woocommerce-MyAccount-content fieldset{border:0;margin:16px 0 0;padding:24px 0 0;border-top:1px solid var(--color-border);min-width:0}
.woocommerce-MyAccount-content legend{float:left;width:100%;padding:0;margin:0 0 20px;font-family:var(--font-h4--family);font-size:var(--font-h4--size);line-height:1.2}
.woocommerce-MyAccount-content legend+*{clear:both}

/* ---------- tableaux (commandes, detail de commande) ---------- */
.woocommerce-account .shop_table{width:100%;border-collapse:collapse;font-size:var(--font-body--size)}
.woocommerce-account .shop_table thead th{font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#8a8f88;text-align:left;padding:0 12px 10px 0;border-bottom:1.5px solid #2c312c}
.woocommerce-account .shop_table td,.woocommerce-account .shop_table tbody th,.woocommerce-account .shop_table tfoot th{padding:14px 12px 14px 0;border-bottom:1px solid #ececec;text-align:left;vertical-align:middle;font-weight:400}
.woocommerce-account .shop_table tfoot th{font-weight:400;opacity:.7}
.woocommerce-account .shop_table tfoot tr:last-child th,.woocommerce-account .shop_table tfoot tr:last-child td{font-weight:600;opacity:1}
.woocommerce-account .shop_table .product-total,.woocommerce-account .shop_table tfoot td{text-align:right;padding-right:0}
.woocommerce-account .shop_table .product-quantity{font-weight:400;opacity:.6}
.woocommerce-orders-table__cell-order-number a{font-weight:600;text-decoration:none!important}
.woocommerce-orders-table__cell-order-actions{text-align:right!important;padding-right:0!important;white-space:nowrap}
.woocommerce-orders-table__cell-order-actions .button+.button,.order-actions-button+.order-actions-button{margin-left:6px}
.woocommerce-orders-table__row .woocommerce-orders-table__cell-order-status{white-space:nowrap}
@media (max-width:749px){ /* tableau responsive : une carte par commande */
  .woocommerce-account .shop_table_responsive thead{display:none}
  .woocommerce-account .shop_table_responsive tr{display:block;padding:14px 0;border-bottom:1px solid #ececec}
  .woocommerce-account .shop_table_responsive tr th,.woocommerce-account .shop_table_responsive tr td{display:block;padding:5px 0;border:0;text-align:right!important;overflow:hidden}
  .woocommerce-account .shop_table_responsive tr [data-title]::before{content:attr(data-title);float:left;margin-right:16px;font-size:11px;line-height:2;letter-spacing:.14em;text-transform:uppercase;color:#8a8f88;text-align:left}
  .woocommerce-account .shop_table_responsive .woocommerce-orders-table__cell-order-actions{padding-top:10px;white-space:normal}
  .woocommerce-account .shop_table_responsive .woocommerce-orders-table__cell-order-actions::before{display:none}
  .woocommerce-account .woocommerce-EditAccountForm .button,.woocommerce-account .woocommerce-address-fields .button{width:100%}
}
.woocommerce-order-details,.woocommerce-customer-details{margin-top:32px}
.order_details tfoot td:has(.order-actions-button){white-space:nowrap}
.woocommerce-customer-details address,.woocommerce-Address address{font-style:normal;line-height:1.7}
.woocommerce-customer-details address p{margin:6px 0 0}

/* ---------- adresses ---------- */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}
@media (min-width:750px){.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr 1fr}}
.woocommerce-account .woocommerce-MyAccount-content>.woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{border:1px solid var(--color-border);padding:24px;max-width:520px;margin-top:20px}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address{max-width:none;margin-top:0}
.woocommerce-account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.woocommerce-account .woocommerce-Address-title h2{margin:0;font-size:var(--font-h5--size,1.125rem)}
.woocommerce-account .woocommerce-Address-title .edit{font-size:var(--font-body--size-small);text-decoration:underline}

/* ---------- messages ---------- */
.woocommerce-account .woocommerce-notices-wrapper:empty{display:none}
.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-info,.woocommerce-account .woocommerce-error{list-style:none;margin:0 0 24px;padding:12px 16px;font-size:var(--font-body--size);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:0}
.woocommerce-account .woocommerce-message{color:#1e6b3a;background:color-mix(in srgb,#1e6b3a 10%,transparent)}
.woocommerce-account .woocommerce-info{background:#f4f4f2;color:var(--color-foreground)}
.woocommerce-account .woocommerce-error{color:#b3261e;background:color-mix(in srgb,#b3261e 10%,transparent);flex-direction:column;align-items:flex-start}
.woocommerce-account .woocommerce-error li{margin:0}
.woocommerce-account .woocommerce-info .button,.woocommerce-account .woocommerce-message .button{order:2;min-height:36px;padding:6px 14px;font-size:var(--font-body--size-small)}
