/* Panier, commande, compte : habillage des blocs WooCommerce aux codes BB. */

/* Étapes */
.steps { display: flex; gap: 14px; align-items: center; justify-content: center; padding: 26px 0 0; font: 400 12px/1 var(--f-caps); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-2); }
.steps [aria-current] { color: var(--ink); }
.steps i { width: 36px; height: 1px; background: var(--line); }
.page-head--funnel { border-bottom: 0; padding-bottom: 8px; }
.page-head--funnel h1 { display: flex; align-items: baseline; gap: 16px; font-size: clamp(44px, 5vw, 72px); }
.cart-notice { margin: 8px 0 0; max-width: 780px; }
.cart-notice svg { width: 20px; flex: none; stroke: var(--ink); fill: none; stroke-width: 1.4; }
.wc-page { padding: 24px 0 96px; }

/* Typo et couleurs de base des blocs */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-family: var(--f-text); color: var(--ink); }
.wc-page .wc-block-components-sidebar-layout .wc-block-components-sidebar { margin-left: clamp(0px, 3vw, 48px); width: calc(35% - clamp(0px, 3vw, 48px)); }
@media (max-width: 1000px) { .wc-page .wc-block-components-sidebar-layout .wc-block-components-sidebar { width: auto; margin-left: 0; } }
.wc-block-cart-items__header, .wc-block-cart__totals-title, .wc-block-components-checkout-step__title, .wc-block-components-title {
	font: 400 12.5px/1 var(--f-caps) !important; letter-spacing: .26em !important; text-transform: uppercase !important; color: var(--ink);
}
.wc-block-cart-items { border-top: 1px solid var(--line); }
.wc-block-cart-items__header { color: var(--ink-2); }
.wc-block-cart-items__row { border-bottom: 1px solid var(--line) !important; }
.wc-block-cart-item__image img { background: var(--paper-2); mix-blend-mode: multiply; aspect-ratio: 4/5; object-fit: contain; padding: 6%; width: 100%; }
.wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image { width: 110px; }
.wc-block-components-product-name { font: 400 21px/1.2 var(--f-serif) !important; color: var(--ink) !important; text-decoration: none !important; }
.wc-block-cart-item__prices .wc-block-components-product-price { font-size: 14px; color: var(--ink-2); }
.wc-block-cart-item__total .wc-block-components-product-price, .wc-block-cart-item__total { font: 300 24px/1 var(--f-caps) !important; }
.wc-block-components-product-metadata { font-size: 13px; color: var(--ink-2); }
.wc-block-cart-item__remove-link { font-size: 13px !important; color: var(--ink-2) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.wc-block-components-quantity-selector { display: none !important; } /* pièces uniques */

/* Récapitulatif */
.wc-block-components-sidebar { background: var(--paper-2); padding: 28px !important; align-self: start; position: sticky; top: calc(var(--hdr) + 24px); }
.wc-block-components-totals-wrapper { border-color: var(--line) !important; }
.wc-block-components-totals-item { font-size: 14.5px; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font: 400 13px/1 var(--f-caps); letter-spacing: .26em; text-transform: uppercase; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font: 300 32px/1 var(--f-caps) !important; }
.wc-block-components-totals-item__description, .wc-block-components-totals-footer-item-tax { font-size: 12.5px; color: var(--ink-2); }
.wc-block-components-panel__button { font-size: 14px !important; text-decoration: underline; text-underline-offset: 3px; }

/* Boutons */
.wc-block-components-button:not(.is-link) {
	background: var(--ink) !important; color: var(--paper) !important; border-radius: 0 !important; border: 0 !important;
	min-height: 58px; font: 400 14px/1 var(--f-caps) !important; letter-spacing: .28em !important; text-transform: uppercase !important; transition: background .25s;
}
.wc-block-components-button:not(.is-link):hover { background: #3a3632 !important; }
.wc-block-components-button.is-link { color: var(--ink-2) !important; }

/* Champs */
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input, .wc-block-components-select select,
.wc-block-components-textarea, .wc-blocks-components-select__select {
	background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 0 !important; color: var(--ink) !important; box-shadow: none !important;
}
.wc-block-components-text-input input:focus, .wc-blocks-components-select__select:focus, .wc-block-components-textarea:focus { border-color: var(--ink) !important; outline: none !important; }
.wc-block-components-text-input label, .wc-blocks-components-select__label { color: var(--ink-2) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox], .wc-block-components-radio-control__input { border-radius: 0 !important; border-color: var(--ink-2) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--ink) !important; border-color: var(--ink) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var(--paper) !important; }
.wc-block-components-radio-control__input { border-radius: 50% !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--ink) !important; }

/* Commande : options de livraison / paiement en cartes */
.wc-block-components-radio-control--highlight-checked, .wc-block-components-radio-control-accordion-option { border-radius: 0 !important; }
.wc-block-components-radio-control--highlight-checked::after, .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 1px var(--ink) !important; }
.wc-block-checkout__shipping-method-option { border-radius: 0 !important; border-color: var(--line) !important; }
.wc-block-checkout__shipping-method-option--selected { box-shadow: inset 0 0 0 1px var(--ink) !important; }
.wc-block-components-checkout-step { padding-bottom: 8px; }
.wc-block-components-checkout-step__description { color: var(--ink-2); font-size: 14px; }
.wc-block-components-order-summary-item__image img { background: var(--paper); mix-blend-mode: multiply; }
.wc-block-components-order-summary-item__quantity { background: var(--ink) !important; color: var(--paper) !important; border: 0 !important; box-shadow: none !important; }
.wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 16px !important; }
.wc-block-checkout__terms { font-size: 13px; color: var(--ink-2); }
.wc-block-components-notice-banner { border-radius: 0 !important; background: var(--paper-2) !important; border-color: var(--gold) !important; }

/* Panier vide */
.wp-block-woocommerce-empty-cart-block { padding: 0; }
.wp-block-woocommerce-empty-cart-block .empty { text-align: center; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font: italic 400 34px/1.2 var(--f-serif) !important; }
.wp-block-woocommerce-empty-cart-block .wp-block-separator { display: none; }

@media (max-width: 1000px) {
	.steps { gap: 8px; font-size: 10px; letter-spacing: .16em; }
	.steps i { width: 12px; }
	.wc-block-components-sidebar { position: static; margin: 0 calc(var(--gutter) * -1); padding: 24px var(--gutter) !important; }
}

/* Récapitulatif de commande : lignes compactes */
.wc-block-components-order-summary-item__total-price, .wc-block-components-order-summary-item__total-price .wc-block-components-product-price { font: 500 14.5px/1.3 var(--f-text) !important; }
.wc-block-components-order-summary-item__individual-prices { font-size: 12.5px; color: var(--ink-2); }
.wc-block-components-order-summary-item__description .wc-block-components-product-metadata { display: none; }
.wc-block-components-order-summary .wc-block-components-panel__button { text-decoration: none; font: 400 12.5px/1 var(--f-caps) !important; letter-spacing: .26em; text-transform: uppercase; }

/* Confirmation de commande (modèle classique) */
.woocommerce-order { display: grid; gap: 28px; max-width: 900px; }
.woocommerce-thankyou-order-received { font: italic 400 30px/1.25 var(--f-serif); }
.woocommerce-order-overview { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.woocommerce-order-overview li { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 18px; font: 400 11px/1.4 var(--f-caps); letter-spacing: .24em; text-transform: uppercase; color: var(--ink-2); }
.woocommerce-order-overview li strong { display: block; margin-top: 8px; font: 400 16px/1.3 var(--f-text); letter-spacing: 0; text-transform: none; color: var(--ink); }
.woocommerce-order-details__title, .woocommerce-column__title, .wc-bacs-bank-details-heading { font: 300 28px/1.1 var(--f-caps); text-transform: uppercase; letter-spacing: .04em; margin-bottom: 14px; }
.woocommerce-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.woocommerce-table th, .woocommerce-table td { text-align: left; padding: 14px 8px 14px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.woocommerce-table tfoot th { font: 400 12px/1.4 var(--f-caps); letter-spacing: .22em; text-transform: uppercase; color: var(--ink-2); }
.woocommerce-customer-details address { font-style: normal; line-height: 1.7; padding: 18px; background: var(--paper-2); }
.woocommerce-columns--addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
@media (max-width: 700px) { .woocommerce-columns--addresses { grid-template-columns: 1fr; } }

/* Blocs en mode étroit (WooCommerce ajoute is-mobile / is-small selon la largeur du bloc) */
.wc-block-components-sidebar-layout.is-mobile .wc-block-components-sidebar,
.wc-block-components-sidebar-layout.is-small .wc-block-components-sidebar { width: 100% !important; margin-left: 0 !important; position: static; }
.wc-block-components-sidebar-layout.is-mobile .wc-block-components-main,
.wc-block-components-sidebar-layout.is-small .wc-block-components-main { width: 100% !important; }
.wc-block-components-checkout-order-summary__title-text { font: 400 12.5px/1 var(--f-caps) !important; letter-spacing: .26em; text-transform: uppercase; }
.wc-block-components-sidebar-layout.is-mobile .wc-block-components-sidebar, .wc-block-components-sidebar-layout.is-small .wc-block-components-sidebar { padding: 4px 16px !important; }

/* ——— Espace client ——— */
.woocommerce-account .wc-page > .woocommerce { display: grid; grid-template-columns: 220px 1fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; border-top: 1px solid var(--line); position: sticky; top: calc(var(--hdr) + 24px); }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--line); }
.woocommerce-MyAccount-navigation a { display: flex; justify-content: space-between; padding: 16px 0; font: 400 12.5px/1 var(--f-caps); letter-spacing: .26em; text-transform: uppercase; color: var(--ink-2); transition: color .2s; }
.woocommerce-MyAccount-navigation a:hover, .woocommerce-MyAccount-navigation .is-active a { color: var(--ink); }
.woocommerce-MyAccount-navigation .is-active a::after { content: "→"; color: var(--gold); letter-spacing: 0; }
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--ink-2); }
.woocommerce-MyAccount-content { display: grid; gap: 24px; min-width: 0; }
.woocommerce-MyAccount-content > p { color: var(--ink-2); }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-account .wc-page h2 { font: 300 28px/1.1 var(--f-caps); text-transform: uppercase; letter-spacing: .04em; }

.acct-hello h2 { font: 300 clamp(40px, 4.4vw, 60px)/1 var(--f-caps) !important; text-transform: uppercase; }
.acct-hello h2 em { font: italic 400 1.05em/1 var(--f-serif); text-transform: none; }
.acct-hello p { color: var(--ink-2); margin-top: 10px; }
.acct-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.acct-tile { display: grid; gap: 8px; align-content: start; padding: 24px; background: var(--paper-2); min-height: 170px; transition: background .2s; font-size: 14.5px; }
.acct-tile:hover { background: #E4DED5; }
.acct-tile b { font: 400 22px/1.2 var(--f-serif); }
.acct-tile span:not(.eyebrow):not(.status) { color: var(--ink-2); line-height: 1.55; }
.acct-tile--dark { background: var(--ink); color: var(--paper); }
.acct-tile--dark:hover { background: #33302c; }
.acct-tile--dark .eyebrow, .acct-tile--dark span { color: #CFC6BA !important; }
.status { justify-self: start; font: 400 10.5px/1 var(--f-caps); letter-spacing: .22em; text-transform: uppercase; padding: 7px 9px 6px; background: var(--paper); }
.status--processing, .status--completed { background: #DCEBDD; }
.status--on-hold, .status--pending { background: var(--peach-soft); }

/* Tableaux (commandes) */
.woocommerce-orders-table, .shop_table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.woocommerce-orders-table th, .shop_table th { text-align: left; font: 400 11.5px/1.3 var(--f-caps); letter-spacing: .22em; text-transform: uppercase; color: var(--ink-2); padding: 12px 10px 12px 0; border-bottom: 1px solid var(--line); }
.woocommerce-orders-table td, .shop_table td { padding: 16px 10px 16px 0; border-bottom: 1px solid var(--line); vertical-align: middle; }
.woocommerce-orders-table .woocommerce-button, .woocommerce-MyAccount-content .button, .woocommerce-Button, .woocommerce-account .wc-page button[type=submit] {
	display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; background: var(--ink); color: var(--paper); border: 0; cursor: pointer;
	font: 400 12px/1 var(--f-caps); letter-spacing: .24em; text-transform: uppercase; transition: background .2s;
}
.woocommerce-orders-table .woocommerce-button { padding: 10px 14px; background: transparent; color: var(--ink); border: 1px solid var(--ink); }
.woocommerce-orders-table .woocommerce-button:hover { background: var(--ink); color: var(--paper); }
.woocommerce-MyAccount-content .button:hover, .woocommerce-Button:hover { background: #3a3632; }

/* Adresses */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.woocommerce-Address { background: var(--paper-2); padding: 24px; display: grid; gap: 12px; align-content: start; }
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.woocommerce-Address-title a { font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.woocommerce-Address address { font-style: normal; line-height: 1.7; color: var(--ink-2); }

/* Formulaires (connexion, adresses, informations) */
.woocommerce-account .form-row { display: grid; gap: 6px; margin-bottom: 16px; }
.woocommerce-account .form-row label { font: 400 11.5px/1.3 var(--f-caps); letter-spacing: .22em; text-transform: uppercase; color: var(--ink-2); }
.woocommerce-account .form-row .required { color: var(--gold); text-decoration: none; }
.woocommerce-account input.input-text, .woocommerce-account select, .woocommerce-account textarea, .woocommerce-account .select2-selection {
	width: 100%; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 0 !important; padding: 13px 14px; font: 400 15px var(--f-text); color: var(--ink);
}
.woocommerce-account .select2-selection { height: auto !important; padding: 8px 6px; }
.woocommerce-account input.input-text:focus, .woocommerce-account select:focus { border-color: var(--ink) !important; outline: none; }
.woocommerce-account fieldset { border: 1px solid var(--line); padding: 20px; margin: 12px 0 20px; }
.woocommerce-account legend { font: 400 12px/1 var(--f-caps); letter-spacing: .24em; text-transform: uppercase; padding: 0 8px; }
.woocommerce-form-row--first, .woocommerce-form-row--last, .form-row-first, .form-row-last { display: inline-grid !important; width: calc(50% - 8px); }
.woocommerce-form-row--first, .form-row-first { margin-right: 12px; }
.woocommerce-form__label-for-checkbox { display: inline-flex !important; gap: 10px; align-items: center; text-transform: none !important; letter-spacing: 0 !important; font: 400 14px var(--f-text) !important; }
.woocommerce-password-strength { font-size: 12.5px; padding: 6px 10px; background: var(--paper-2); }
.show-password-input { display: none; }

/* Connexion / inscription (non connecté) */
.woocommerce-account:not(.logged-in) .wc-page > .woocommerce { grid-template-columns: 1fr; }
#customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 64px); }
#customer_login > div { background: var(--paper-2); padding: clamp(24px, 3vw, 44px); }
#customer_login h2 { margin-bottom: 20px; }
.woocommerce-form-login .form-row:has(> button) { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.woocommerce-LostPassword a, .lost_password a { font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; color: var(--ink-2); }
.woocommerce-privacy-policy-text { font-size: 12.5px; color: var(--ink-2); }
.woocommerce-account .woocommerce-form-login:not(#customer_login .woocommerce-form-login) { max-width: 520px; background: var(--paper-2); padding: 32px; }

@media (max-width: 1000px) {
	.woocommerce-account .wc-page > .woocommerce { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-MyAccount-navigation { min-width: 0; }
	.woocommerce-MyAccount-navigation ul { position: static; display: flex; overflow-x: auto; gap: 18px; border: 0; border-bottom: 1px solid var(--line); scrollbar-width: none; }
	.woocommerce-MyAccount-navigation li { border: 0; flex: none; }
	.woocommerce-MyAccount-navigation .is-active a { color: var(--ink); box-shadow: inset 0 -1px 0 var(--ink); }
	.woocommerce-MyAccount-navigation .is-active a::after { content: none; }
	.acct-tiles, .woocommerce-Addresses, #customer_login { grid-template-columns: 1fr; }
	.woocommerce-form-row--first, .woocommerce-form-row--last, .form-row-first, .form-row-last { display: grid !important; width: 100%; margin-right: 0; }
	/* Commandes en cartes sur téléphone */
	.woocommerce-orders-table thead { display: none; }
	.woocommerce-orders-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
	.woocommerce-orders-table td, .woocommerce-orders-table th { border: 0; padding: 0; }
	.woocommerce-orders-table th::before, .woocommerce-orders-table td::before { content: attr(data-title); display: block; font: 400 10.5px/1.6 var(--f-caps); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-2); }
	.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; }
	.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before { content: none; }
}
.woocommerce-form-login .password-input { display: block; }
.woocommerce-account:not(.logged-in) .wc-page > .woocommerce > h2 { margin-bottom: 18px; }