/* ==========================================================================
   VAMPS · tunnel d'achat (panier, commande, compte WooCommerce)
   Chargé uniquement sur ces pages. Les classes WooCommerce sont conservées,
   le thème ne fait que les habiller.
   ========================================================================== */

.commerce { padding-block: var(--espace-7) var(--espace-9); }

.commerce__entete { padding-bottom: var(--espace-6); margin-bottom: var(--espace-7); border-bottom: 1px solid var(--couleur-filet); }

.commerce__titre { font-size: var(--titre-l); line-height: 0.92; letter-spacing: -0.03em; }

.commerce__titre em { color: var(--couleur-texte-doux); }

/* Base commune */
.commerce .woocommerce { color: var(--couleur-texte); font-size: var(--texte-s); }

.commerce .woocommerce h2,
.commerce .woocommerce h3 { font-family: var(--police-titre); font-size: var(--titre-s); font-weight: 400; margin-bottom: var(--espace-5); }

.commerce .woocommerce a { color: var(--couleur-texte); text-decoration-color: var(--couleur-accent); }

.commerce .woocommerce a:hover { color: var(--couleur-accent); }

/* Avis et messages */
.commerce .woocommerce-message,
.commerce .woocommerce-info,
.commerce .woocommerce-error,
.commerce .woocommerce-notice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espace-3) var(--espace-5);
    margin: 0 0 var(--espace-6);
    padding: var(--espace-4) var(--espace-5);
    border: 0;
    border-left: 2px solid var(--couleur-or);
    border-radius: 0;
    background: var(--couleur-surface);
    color: var(--couleur-texte);
    list-style: none;
}

.commerce .woocommerce-error { border-left-color: var(--couleur-accent); }

.commerce .woocommerce-message::before,
.commerce .woocommerce-info::before,
.commerce .woocommerce-error::before { display: none; }

.commerce .woocommerce-message .button,
.commerce .woocommerce-info .button { order: 2; margin-left: auto; }

/* WooCommerce place le focus sur ses avis pour les lecteurs d'écran : pas de cadre visuel */
.commerce .woocommerce-notices-wrapper :focus,
.commerce .woocommerce-message:focus,
.commerce .woocommerce-error:focus,
.commerce .woocommerce-info:focus { outline: none; }

/* Boutons WooCommerce aux couleurs du thème */
.commerce .woocommerce a.button,
.commerce .woocommerce button.button,
.commerce .woocommerce input.button,
.commerce .woocommerce #respond input#submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0 var(--espace-6);
    border: 1px solid var(--couleur-filet-fort);
    border-radius: var(--rayon-pilule);
    background: transparent;
    color: var(--couleur-texte);
    font-family: var(--police-texte);
    font-size: var(--texte-xs);
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color var(--duree-moyenne) var(--courbe-sortie), color var(--duree-moyenne) var(--courbe-sortie), border-color var(--duree-moyenne) var(--courbe-sortie);
}

.commerce .woocommerce a.button:hover,
.commerce .woocommerce button.button:hover,
.commerce .woocommerce input.button:hover { background: var(--couleur-accent); border-color: var(--couleur-accent); color: var(--couleur-sur-accent); }

.commerce .woocommerce a.button.alt,
.commerce .woocommerce button.button.alt,
.commerce .woocommerce .checkout-button,
.commerce .woocommerce #place_order {
    width: 100%;
    min-height: 3.75rem;
    background: var(--couleur-texte);
    border-color: var(--couleur-texte);
    color: var(--couleur-fond);
    font-size: var(--texte-s);
}

.commerce .woocommerce a.button.alt:hover,
.commerce .woocommerce button.button.alt:hover,
.commerce .woocommerce #place_order:hover { background: var(--couleur-accent); border-color: var(--couleur-accent); color: var(--couleur-sur-accent); }

.commerce .woocommerce button.button:disabled,
.commerce .woocommerce button.button:disabled[disabled] { opacity: 0.4; padding: 0 var(--espace-6); background: transparent; color: var(--couleur-texte); }

/* Champs */
.commerce .woocommerce input.input-text,
.commerce .woocommerce textarea,
.commerce .woocommerce select,
.commerce .woocommerce .select2-container .select2-selection--single,
.commerce .woocommerce .quantity .qty {
    width: 100%;
    min-height: 3rem;
    padding: var(--espace-2) 0;
    border: 0;
    border-bottom: 1px solid var(--couleur-filet-fort);
    border-radius: 0;
    background: transparent;
    color: var(--couleur-texte);
    font-size: var(--texte-m);
}

.commerce .woocommerce input.input-text:focus,
.commerce .woocommerce textarea:focus,
.commerce .woocommerce select:focus { outline: none; border-color: var(--couleur-accent); box-shadow: 0 1px 0 0 var(--couleur-accent); }

.commerce .woocommerce .select2-container .select2-selection__rendered { padding: var(--espace-2) 0; color: var(--couleur-texte); line-height: 1.6; }

.commerce .woocommerce .select2-container .select2-selection__arrow { height: 100%; }

.select2-dropdown { border-color: var(--couleur-filet-fort); background: var(--couleur-fond); color: var(--couleur-texte); }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--couleur-accent); color: var(--couleur-sur-accent); }

.select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--couleur-filet-fort); background: transparent; color: var(--couleur-texte); }

.commerce .woocommerce form .form-row { margin: 0 0 var(--espace-5); padding: 0; }

.commerce .woocommerce form .form-row label { display: block; margin-bottom: var(--espace-1); font-size: var(--texte-xs); font-weight: 500; letter-spacing: var(--approche-capitales); text-transform: uppercase; color: var(--couleur-texte-doux); line-height: 1.5; }

.commerce .woocommerce form .form-row label.checkbox,
.commerce .woocommerce form .form-row .woocommerce-form__label-for-checkbox { display: flex; gap: var(--espace-3); align-items: center; text-transform: none; letter-spacing: 0; font-size: var(--texte-s); color: var(--couleur-texte); }

.commerce .woocommerce form .form-row .required { color: var(--couleur-accent); text-decoration: none; }

.commerce .woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--couleur-accent); }

.commerce input[type='checkbox'],
.commerce input[type='radio'] { accent-color: var(--couleur-accent); width: 1.1rem; height: 1.1rem; }

/* Tableaux */
.commerce .woocommerce table.shop_table {
    width: 100%;
    margin: 0 0 var(--espace-6);
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
}

.commerce .woocommerce table.shop_table th {
    padding: var(--espace-3) var(--espace-3) var(--espace-3) 0;
    border: 0;
    border-bottom: 1px solid var(--couleur-filet);
    font-size: var(--texte-xs);
    font-weight: 500;
    letter-spacing: var(--approche-capitales);
    text-align: left;
    text-transform: uppercase;
    color: var(--couleur-texte-doux);
}

.commerce .woocommerce table.shop_table td {
    padding: var(--espace-5) var(--espace-3) var(--espace-5) 0;
    border: 0;
    border-bottom: 1px solid var(--couleur-filet);
    vertical-align: middle;
}

.commerce .woocommerce table.shop_table tfoot th,
.commerce .woocommerce table.shop_table tfoot td { font-weight: 400; }

.commerce .woocommerce table.cart img,
.commerce .woocommerce table.shop_table .product-thumbnail img {
    width: 5.5rem;
    aspect-ratio: 4 / 5;
    object-fit: contain;
    padding: 6%;
    background: var(--couleur-plaque);
    border-radius: var(--rayon-s);
    mix-blend-mode: normal;
}

.commerce .woocommerce table.shop_table .product-name a { font-family: var(--police-titre); font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem); text-decoration: none; }

.commerce .woocommerce table.shop_table .product-name .variation { margin-top: var(--espace-1); font-size: var(--texte-xs); color: var(--couleur-texte-doux); }

.commerce .woocommerce table.shop_table .product-name .variation dt,
.commerce .woocommerce table.shop_table .product-name .variation dd { display: inline; margin: 0; }

.commerce .woocommerce table.shop_table .product-name .variation dd p { display: inline; }

.commerce .woocommerce a.remove {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--couleur-filet);
    border-radius: 50%;
    color: var(--couleur-texte-doux) !important;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
}

.commerce .woocommerce a.remove:hover { background: var(--couleur-accent); border-color: var(--couleur-accent); color: var(--couleur-sur-accent) !important; }

.commerce .woocommerce .quantity .qty { width: 4.5rem; text-align: center; padding: var(--espace-2); border: 1px solid var(--couleur-filet-fort); border-radius: var(--rayon-pilule); }

.commerce .woocommerce table.cart td.actions { padding-top: var(--espace-6); }

.commerce .woocommerce table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: var(--espace-3); align-items: center; }

.commerce .woocommerce table.cart td.actions .coupon .input-text {
    width: auto;
    min-width: 12rem;
    margin: 0;
    padding: var(--espace-2) 0;
    border: 0;
    border-bottom: 1px solid var(--couleur-filet-fort);
    border-radius: 0;
    background: transparent;
    color: var(--couleur-texte);
    font-size: var(--texte-s);
}

.commerce .woocommerce table.cart td.actions .button { white-space: nowrap; }

.commerce .woocommerce .amount { font-variant-numeric: tabular-nums; }

/* Récapitulatif du panier */
.commerce .woocommerce .cart-collaterals { display: flex; justify-content: flex-end; margin-top: var(--espace-6); }

.commerce .woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: min(100%, 30rem);
    padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    border: 1px solid var(--couleur-filet);
    border-radius: var(--rayon-s);
    background: var(--couleur-surface);
}

.commerce .woocommerce .cart_totals table.shop_table th { width: 40%; }

.commerce .woocommerce .cart_totals .order-total th,
.commerce .woocommerce .cart_totals .order-total td,
.commerce .woocommerce .woocommerce-checkout-review-order-table .order-total th,
.commerce .woocommerce .woocommerce-checkout-review-order-table .order-total td { border-bottom: 0; padding-top: var(--espace-5); }

.commerce .woocommerce .order-total .amount { font-size: var(--texte-l); font-weight: 600; color: var(--couleur-accent); }

.commerce .woocommerce ul#shipping_method { margin: 0; padding: 0; list-style: none; }

.commerce .woocommerce ul#shipping_method li { display: flex; gap: var(--espace-2); align-items: center; margin: 0 0 var(--espace-2); }

.commerce .woocommerce .woocommerce-shipping-destination,
.commerce .woocommerce .shipping-calculator-button { font-size: var(--texte-xs); color: var(--couleur-texte-doux); }

.commerce .woocommerce .wc-proceed-to-checkout { padding: var(--espace-4) 0 0; }

/* Panier vide */
.commerce .woocommerce .cart-empty { font-family: var(--police-titre); font-size: var(--titre-s); border-left-color: var(--couleur-filet-fort); }

.commerce .woocommerce .return-to-shop { margin-top: var(--espace-5); }

/* Commande */
.commerce .woocommerce form.checkout { display: grid; gap: var(--espace-5) var(--goutiere); }

.commerce .woocommerce form.checkout::before,
.commerce .woocommerce form.checkout::after,
.commerce .woocommerce .col2-set::before,
.commerce .woocommerce .col2-set::after { display: none; }

.commerce .woocommerce .col2-set,
.commerce .woocommerce .col2-set .col-1,
.commerce .woocommerce .col2-set .col-2 { float: none; width: 100%; }

.commerce .woocommerce .col2-set { display: grid; gap: var(--espace-6); }

.commerce .woocommerce #order_review_heading { margin: 0; }

.commerce .woocommerce #order_review {
    padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
    border: 1px solid var(--couleur-filet);
    border-radius: var(--rayon-s);
    background: var(--couleur-surface);
}

.commerce .woocommerce #payment { border-radius: 0; background: transparent; }

.commerce .woocommerce #payment ul.payment_methods { padding: 0 0 var(--espace-5); border-bottom: 1px solid var(--couleur-filet); }

.commerce .woocommerce #payment ul.payment_methods li { display: flex; flex-wrap: wrap; gap: var(--espace-2); align-items: center; margin-bottom: var(--espace-3); line-height: 1.5; }

.commerce .woocommerce #payment div.payment_box { width: 100%; margin: var(--espace-2) 0 0; padding: var(--espace-4); border-radius: var(--rayon-s); background: var(--couleur-surface-forte); color: var(--couleur-texte-doux); font-size: var(--texte-xs); }

.commerce .woocommerce #payment div.payment_box::before { display: none; }

.commerce .woocommerce #payment div.form-row { padding: var(--espace-5) 0 0; }

.commerce .woocommerce .woocommerce-privacy-policy-text { font-size: var(--texte-xs); color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: var(--espace-4); }

.commerce .woocommerce form.checkout_coupon { margin: 0 0 var(--espace-6); padding: var(--espace-5); border: 1px solid var(--couleur-filet); border-radius: var(--rayon-s); }

@media (min-width: 1024px) {
    .commerce .woocommerce form.checkout { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; }
    .commerce .woocommerce form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
    .commerce .woocommerce #customer_details { grid-column: 1 / span 7; grid-row: span 2; }
    .commerce .woocommerce #order_review_heading { grid-column: 9 / span 4; }
    .commerce .woocommerce #order_review { grid-column: 9 / span 4; position: sticky; top: calc(var(--hauteur-entete) + var(--espace-5)); }
    .commerce .woocommerce .col2-set .col-1,
    .commerce .woocommerce .col2-set .col-2 { width: 100%; }
}

/* Panier en mobile : WooCommerce empile les lignes, on les aère */
@media (max-width: 768px) {
    .commerce .woocommerce table.shop_table_responsive tr { display: block; padding-block: var(--espace-3); border-bottom: 1px solid var(--couleur-filet); }
    .commerce .woocommerce table.shop_table_responsive tr td { display: block; padding: var(--espace-2) 0; border: 0; text-align: right; background: transparent; }
    .commerce .woocommerce table.shop_table_responsive thead,
    .commerce .woocommerce table.shop_table_responsive tbody th { display: none; }
    .commerce .woocommerce table.shop_table_responsive tr td::before { float: left; margin-right: var(--espace-4); font-size: var(--texte-xs); letter-spacing: var(--approche-capitales); text-transform: uppercase; color: var(--couleur-texte-doux); font-weight: 500; }
    .commerce .woocommerce table.shop_table_responsive tr td.product-remove,
    .commerce .woocommerce table.shop_table_responsive tr td.product-thumbnail { display: inline-block; vertical-align: middle; text-align: left; margin-right: var(--espace-3); }
    .commerce .woocommerce table.shop_table_responsive tr td.product-remove::before,
    .commerce .woocommerce table.shop_table_responsive tr td.product-thumbnail::before { display: none; }
    .commerce .woocommerce table.shop_table_responsive tr:nth-child(2n) td { background: transparent; }
    .commerce .woocommerce table.shop_table_responsive ul#shipping_method li { justify-content: flex-end; }
    .commerce .woocommerce table.cart td.actions { display: grid; gap: var(--espace-3); text-align: left; }
    .commerce .woocommerce table.cart td.actions::before { display: none; }
    .commerce .woocommerce table.cart td.actions .coupon { display: grid; grid-template-columns: 1fr; gap: var(--espace-3); width: 100%; float: none; }
    .commerce .woocommerce table.cart td.actions .coupon .input-text { grid-area: 1 / 1; width: 100%; min-width: 0; float: none; text-align: left; }
    .commerce .woocommerce table.cart td.actions .coupon .button { grid-area: 2 / 1; float: none; width: 100%; }
    .commerce .woocommerce table.cart td.actions > .button { float: none; width: 100%; }
}

/* ==========================================================================
   Mon compte : connexion, inscription, tableau de bord (WooCommerce)
   ========================================================================== */

.commerce .woocommerce form.login,
.commerce .woocommerce form.register,
.commerce .woocommerce form.lost_reset_password { margin: 0; padding: 0; border: 0; border-radius: 0; }

/* Connexion et inscription côte à côte, comme deux pièces à conviction */
.commerce #customer_login.col2-set { gap: var(--espace-6); }

.commerce #customer_login .u-column1,
.commerce #customer_login .u-column2,
.commerce .woocommerce-ResetPassword {
    position: relative;
    padding: clamp(1.5rem, 1rem + 2.5vw, 3rem);
    border: 1px solid var(--couleur-filet);
    background: var(--couleur-surface);
}

.commerce #customer_login .u-column1::before,
.commerce #customer_login .u-column2::before,
.commerce #customer_login .u-column1::after,
.commerce #customer_login .u-column2::after {
    content: '';
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    border: 0 solid var(--couleur-accent);
}

.commerce #customer_login .u-column1::before,
.commerce #customer_login .u-column2::before { top: -1px; left: -1px; border-top-width: 2px; border-left-width: 2px; }

.commerce #customer_login .u-column1::after,
.commerce #customer_login .u-column2::after { bottom: -1px; right: -1px; border-bottom-width: 2px; border-right-width: 2px; }

@media (min-width: 900px) {
    .commerce #customer_login.col2-set { grid-template-columns: 1fr 1fr; align-items: start; }
}

.commerce .woocommerce .password-input { position: relative; display: block; }

.commerce .woocommerce .show-password-input { color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-form-login__rememberme { display: inline-flex; gap: var(--espace-2); align-items: center; margin: 0 var(--espace-4) var(--espace-4) 0; font-size: var(--texte-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--couleur-texte-doux); }

/* Les boutons d'envoi des formulaires de compte sont les boutons principaux */
.commerce .woocommerce form.login .button,
.commerce .woocommerce form.register .button,
.commerce .woocommerce form.lost_reset_password .button,
.commerce .woocommerce .woocommerce-EditAccountForm .button,
.commerce .woocommerce .woocommerce-address-fields .button {
    width: 100%;
    min-height: 3.5rem;
    margin-top: var(--espace-2);
    background: var(--couleur-texte);
    border-color: var(--couleur-texte);
    color: var(--couleur-fond);
}

.commerce .woocommerce form.login .button:hover,
.commerce .woocommerce form.register .button:hover,
.commerce .woocommerce form.lost_reset_password .button:hover,
.commerce .woocommerce .woocommerce-EditAccountForm .button:hover,
.commerce .woocommerce .woocommerce-address-fields .button:hover { background: var(--couleur-sang); border-color: var(--couleur-sang); color: var(--couleur-sur-sang); }

.commerce .woocommerce .lost_password { margin: var(--espace-4) 0 0; font-size: var(--texte-xs); letter-spacing: 0.06em; text-transform: uppercase; }

.commerce .woocommerce .woocommerce-privacy-policy-text,
.commerce .woocommerce form.register p:not(.form-row) { font-size: var(--texte-xs); color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-password-strength {
    margin-top: var(--espace-2);
    padding: var(--espace-2) var(--espace-3);
    border-left: 3px solid var(--couleur-accent);
    background: var(--couleur-surface-forte);
    color: var(--couleur-texte);
    font-size: var(--texte-xs);
    font-weight: 500;
    text-align: left;
}

.commerce .woocommerce .woocommerce-password-strength.good { border-left-color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-password-strength.strong { border-left-color: var(--couleur-texte); }

.commerce .woocommerce .woocommerce-password-hint { display: block; margin-top: var(--espace-2); font-size: var(--texte-xs); color: var(--couleur-texte-doux); }

/* Tableau de bord : menu numéroté à gauche, contenu à droite */
.commerce .woocommerce .woocommerce-MyAccount-navigation,
.commerce .woocommerce .woocommerce-MyAccount-content { float: none; width: auto; }

.commerce .woocommerce:has(> .woocommerce-MyAccount-navigation) { display: grid; gap: var(--espace-7) var(--goutiere); }

@media (min-width: 900px) {
    .commerce .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(12rem, 3fr) 9fr; align-items: start; }
    .commerce .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 2; }
    .commerce .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2; }
}

.commerce .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper { grid-column: 1 / -1; }

.commerce .woocommerce:has(> .woocommerce-MyAccount-navigation) > .woocommerce-notices-wrapper:empty { display: none; }

.commerce .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--couleur-filet); counter-reset: rubrique; }

.commerce .woocommerce .woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--couleur-filet); counter-increment: rubrique; }

.commerce .woocommerce .woocommerce-MyAccount-navigation li a {
    display: flex;
    gap: var(--espace-3);
    padding: var(--espace-3) 0;
    color: var(--couleur-texte);
    font-size: var(--texte-xs);
    font-weight: 500;
    letter-spacing: var(--approche-capitales);
    text-decoration: none;
    text-transform: uppercase;
}

.commerce .woocommerce .woocommerce-MyAccount-navigation li a::before { content: counter(rubrique, upper-roman) '.'; min-width: 2.5rem; color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.commerce .woocommerce .woocommerce-MyAccount-navigation li a:hover { color: var(--couleur-accent); }

.commerce .woocommerce .woocommerce-MyAccount-content > p { margin: 0 0 var(--espace-4); max-width: 60ch; }

.commerce .woocommerce .woocommerce-MyAccount-content mark { padding: 0 0.3em; background: var(--couleur-sang); color: var(--couleur-sur-sang); }

.commerce .woocommerce .woocommerce-Addresses.col2-set { gap: var(--espace-5); }

@media (min-width: 900px) {
    .commerce .woocommerce .woocommerce-Addresses.col2-set { grid-template-columns: 1fr 1fr; }
}

.commerce .woocommerce .woocommerce-Address { padding: var(--espace-5); border: 1px solid var(--couleur-filet); background: var(--couleur-surface); }

.commerce .woocommerce .woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--espace-3); }

.commerce .woocommerce .woocommerce-Address-title h2,
.commerce .woocommerce .woocommerce-Address-title h3 { margin: 0 0 var(--espace-3); }

.commerce .woocommerce .woocommerce-Address-title .edit { font-size: var(--texte-xs); letter-spacing: 0.06em; text-transform: uppercase; }

.commerce .woocommerce address { font-style: normal; line-height: 1.7; color: var(--couleur-texte-doux); }

.commerce .woocommerce .woocommerce-EditAccountForm fieldset { margin: var(--espace-6) 0 0; padding: var(--espace-5); border: 1px solid var(--couleur-filet); }

.commerce .woocommerce .woocommerce-EditAccountForm legend { padding: 0 var(--espace-2); font-size: var(--texte-xs); font-weight: 500; letter-spacing: var(--approche-capitales); text-transform: uppercase; color: var(--couleur-accent); }

.commerce .woocommerce .woocommerce-orders-table .button { min-height: 2.5rem; padding: 0 var(--espace-4); margin: 0 var(--espace-1) var(--espace-1) 0; }