/*
 * Musée de la Grande Ardenne — panier, commande, confirmation, compte.
 *
 * TRANSPOSÉ DE SKEDITIONS.FR (bricks-child/assets/parcours.css), demande
 * d'Olivier du 12/11/2026. La structure est la leur, règle pour règle : cartes
 * blanches, champs épais, bouton plein, suivi d'étapes, panier en lignes,
 * récapitulatif à droite. Les couleurs et les polices sont celles du musée.
 *
 * Écrans WooCommerce classiques dans le gabarit Bricks « Parcours — refonte »
 * (bricks/poser-parcours.php), chargée sur ces écrans seulement par le
 * mu-plugin bp-mga-parcours.php.
 *
 * LA LARGEUR EST CELLE DU CONTENU DU SITE (1200 px), PAS LA COLONNE DE LECTURE.
 * Ces écrans passaient par le gabarit de page générique, dont le corps bride
 * tout à 800 px : le panier et la commande sortaient donc à 800. Le gabarit
 * « Parcours » ne porte pas la classe `bp-page__corps` : aucune règle de prose
 * (colonne, liens soulignés, texte justifié, marges d'images) ne s'y applique.
 *
 * Tailles en px : la racine de Bricks est à 62,5 %.
 */

.mga-parcours {
	--pc-vert: #008D36;        /* la marque : filets, étapes, focus */
	--pc-action: #00702B;      /* les boutons : blanc dessus = 6,26:1 */
	--pc-action-survol: #005A22;
	--pc-doux: #F1F8F3;
	--pc-encre: #25282E;
	--pc-texte: #444444;
	--pc-muet: #6A6F6C;
	--pc-trait: #E4E7E1;
	--pc-trait-fort: #CDD2CB;
	--pc-rayon: 12px;
	--pc-rayon-petit: 8px;
	--pc-ombre: 0 10px 30px -18px rgba(37, 40, 46, .28);
	--pc-titre: "Lora", Georgia, serif;
	--pc-corps: "Archivo", system-ui, sans-serif;
}

/* ---------- cadre ---------- */
.mga-parcours__contenu { width: 100%; }
.mga-parcours .woocommerce { width: 100%; }
.mga-parcours .woocommerce .brxe-container { width: 100%; max-width: none; padding: 0; }
.mga-parcours .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 24px; }
.mga-parcours a { color: var(--pc-action); }

/* suivi d'étapes : pastilles sur un trait, le trait se colore à mesure */
.mga-etapes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 760px; margin: 0 auto 8px; padding: 0; list-style: none; }
.mga-etapes__etape { position: relative; margin: 0; text-align: center; }
.mga-etapes__etape:not(:first-child)::before { content: ""; position: absolute; top: 22px; right: 50%; width: 100%; height: 4px; background: var(--pc-trait); }
.mga-etapes__etape--faite:not(:first-child)::before, .mga-etapes__etape--courante:not(:first-child)::before { background: var(--pc-vert); }
.mga-etapes__etape a { color: inherit; text-decoration: none; }
.mga-etapes__point { position: relative; z-index: 1; display: block; box-sizing: border-box; width: 48px; height: 48px; margin: 0 auto 12px; border: 8px solid var(--pc-trait); border-radius: 50%; background: #fff; }
.mga-etapes__etape--courante .mga-etapes__point { border: 0; background: var(--pc-vert); }
.mga-etapes__etape--faite .mga-etapes__point { border: 0; background: var(--pc-vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center / 22px no-repeat; }
.mga-etapes__nom { color: var(--pc-encre); font: 600 16px/1.3 var(--pc-corps); }
.mga-etapes__etape--a-venir .mga-etapes__nom { color: var(--pc-muet); }

/* cartes */
.mga-parcours .woocommerce-cart-form, .mga-parcours .cart_totals,
.mga-parcours .woocommerce-billing-fields, .mga-parcours .woocommerce-account-fields, .mga-parcours .woocommerce-shipping-fields, .mga-parcours .woocommerce-additional-fields,
.woocommerce-checkout .mga-parcours form.checkout > div:not(#customer_details),
.mga-parcours .woocommerce-order-details, .mga-parcours .woocommerce-customer-details .woocommerce-column,
.mga-parcours .woocommerce-MyAccount-navigation, .mga-parcours .woocommerce-MyAccount-content,
.mga-parcours form.login, .mga-parcours form.lost_reset_password {
	box-sizing: border-box; background: #fff; border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); box-shadow: var(--pc-ombre); padding: 24px;
}
.mga-parcours h2, .mga-parcours h3 { margin: 0 0 16px; color: var(--pc-encre); font: 600 24px/1.25 var(--pc-titre); }

/* boutons */
.mga-parcours .button, .mga-parcours button[type="submit"], .mga-parcours a.checkout-button, .mga-parcours .mga-btn {
	display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 48px; padding: 0 24px; border: 2px solid var(--pc-action); border-radius: var(--pc-rayon-petit);
	background: var(--pc-action); color: #fff; font: 600 16px/1.2 var(--pc-corps); text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s, color .2s;
}
.mga-parcours .button:hover, .mga-parcours button[type="submit"]:hover, .mga-parcours a.checkout-button:hover, .mga-parcours .mga-btn:hover { background: var(--pc-action-survol); border-color: var(--pc-action-survol); color: #fff; }
.mga-parcours button[name="update_cart"], .mga-parcours button[name="apply_coupon"], .mga-parcours .mga-code-promo__appliquer { background: transparent; border-color: var(--pc-trait-fort); color: var(--pc-encre); }
.mga-parcours button[name="update_cart"]:hover, .mga-parcours button[name="apply_coupon"]:hover, .mga-parcours .mga-code-promo__appliquer:hover { background: transparent; border-color: var(--pc-action); color: var(--pc-action); }
.mga-parcours .mga-btn--contour { background: #fff; color: var(--pc-action); }
.mga-parcours .mga-btn--contour:hover { background: var(--pc-action); color: #fff; }
.mga-parcours button:disabled, .mga-parcours button[disabled] { opacity: .5; cursor: not-allowed; }

/* champs */
.mga-parcours .form-row { margin: 0 0 16px; padding: 0; }
.mga-parcours .form-row > label, .mga-parcours fieldset > legend { display: block; margin-bottom: 6px; color: var(--pc-encre); font: 600 14px/1.4 var(--pc-corps); }
.mga-parcours .form-row .required { color: var(--pc-vert); text-decoration: none; }
.mga-parcours input.input-text, .mga-parcours textarea, .mga-parcours select, .mga-parcours .select2-container .select2-selection--single {
	box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 14px; border: 2px solid var(--pc-trait-fort); border-radius: var(--pc-rayon-petit); background-color: #fff; color: var(--pc-encre); font: 400 16px/1.4 var(--pc-corps);
}
.mga-parcours input.input-text:focus, .mga-parcours textarea:focus, .mga-parcours select:focus { border-color: var(--pc-vert); outline: none; }
.mga-parcours .select2-container .select2-selection--single { display: flex; align-items: center; height: 48px; padding: 0 12px; }
.mga-parcours .select2-container .select2-selection__rendered { padding: 0; color: var(--pc-encre); line-height: 1.4; }
.mga-parcours .select2-container .select2-selection__arrow { height: 44px; }
.mga-parcours .woocommerce-invalid input.input-text { border-color: #B3261E; }
.mga-parcours input[type="checkbox"], .mga-parcours input[type="radio"] { width: 18px; height: 18px; accent-color: var(--pc-action); }
.mga-parcours .woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 10px; cursor: pointer; }

/* tableaux : traits fins, pas de cadre (la carte en tient lieu) */
.mga-parcours table.shop_table { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: none; }
.mga-parcours table.shop_table th, .mga-parcours table.shop_table td { padding: 12px 0; border: 0; border-bottom: 1px solid var(--pc-trait); background: none; text-align: left; vertical-align: middle; font: 400 16px/1.45 var(--pc-corps); color: var(--pc-texte); }
.mga-parcours table.shop_table tr:last-child > * { border-bottom: 0; }
.mga-parcours table.shop_table thead th { color: var(--pc-muet); font-size: 14px; font-weight: 600; }
.mga-parcours table.shop_table tfoot th, .mga-parcours .cart_totals th { color: var(--pc-encre); font-weight: 600; }
.mga-parcours table.shop_table a { color: var(--pc-encre); font-weight: 600; text-decoration: none; }
.mga-parcours table.shop_table a:hover { color: var(--pc-action); }
.mga-parcours table.shop_table a.button { color: #fff; }
.mga-parcours .order-total th, .mga-parcours .order-total td { font-size: 20px; font-weight: 700; }
.mga-parcours .order-total .amount { color: var(--pc-action); }
.mga-parcours .includes_tax .amount { color: inherit; }
.mga-parcours .includes_tax { display: block; color: var(--pc-muet); font-size: 14px; font-weight: 400; }
.mga-parcours .woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; }
.mga-parcours .woocommerce-shipping-methods li { margin: 0 0 6px; }
.mga-parcours .woocommerce-shipping-methods label { color: var(--pc-encre); opacity: 1; }
.mga-parcours .woocommerce-shipping-destination { margin: 6px 0 0; color: var(--pc-muet); font-size: 14px; line-height: 1.5; }
.mga-parcours .shipping-calculator-button { color: var(--pc-action); font-size: 14px; }
/* la date de visite et les autres données de ligne (mga-evenements) */
.mga-parcours dl.variation { display: flex; flex-wrap: wrap; gap: 0 6px; margin: 4px 0 0; color: var(--pc-muet); font: 400 14px/1.4 var(--pc-corps); }
.mga-parcours dl.variation dt, .mga-parcours dl.variation dd, .mga-parcours dl.variation p { display: inline; margin: 0; padding: 0; font-weight: 400; }
.mga-parcours dl.variation dd { flex: 1 1 60%; color: var(--pc-encre); }

/* ---------- panier ---------- */
.woocommerce-cart .mga-parcours .woocommerce { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 24px 40px; align-items: start; }
.woocommerce-cart .mga-parcours .before-cart, .woocommerce-cart .mga-parcours .woocommerce-notices-wrapper, .woocommerce-cart .mga-parcours .wc-empty-cart-message, .woocommerce-cart .mga-parcours .return-to-shop { grid-column: 1 / -1; }
.woocommerce-cart .mga-parcours .before-cart:not(:has(.woocommerce-message, .woocommerce-error, .woocommerce-info)) { display: none; }
.woocommerce-cart .mga-parcours .woocommerce-notices-wrapper:empty { display: none; }
/* à gauche les articles, à droite le total qui suit le défilement */
.woocommerce-cart .mga-parcours .woocommerce-cart-form { grid-column: 1; }
.woocommerce-cart .mga-parcours .cart-collaterals { grid-column: 2; width: 100%; position: sticky; top: 24px; }
.woocommerce-cart .mga-parcours .cart_totals { width: 100%; float: none; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table th { width: 40%; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table td { text-align: right; }
.woocommerce-cart .mga-parcours .wc-proceed-to-checkout { padding: 16px 0 0; }
.woocommerce-cart .mga-parcours a.checkout-button { width: 100%; min-height: 56px; font-size: 18px; }

/* une ligne : la couverture, le titre et son prix, la quantité et « Retirer » dessous, le total à droite */
.mga-parcours .woocommerce-cart-form table.cart, .mga-parcours .woocommerce-cart-form table.cart tbody { display: block; width: 100%; }
.mga-parcours .woocommerce-cart-form table.cart thead { display: none; }
.mga-parcours .woocommerce-cart-form table.cart tr.cart_item {
	display: grid; grid-template-columns: 88px max-content minmax(0, 1fr) auto; grid-template-rows: auto auto 1fr;
	grid-template-areas: "image titre titre total" "image prix prix prix" "image qte retirer retirer";
	gap: 2px 16px; padding: 20px 0; border-bottom: 1px solid var(--pc-trait);
}
.mga-parcours .woocommerce-cart-form table.cart tr.cart_item:first-child { padding-top: 0; }
.mga-parcours .woocommerce-cart-form table.cart th, .mga-parcours .woocommerce-cart-form table.cart td { display: block; width: auto; padding: 0; border: 0; }
.mga-parcours .woocommerce-cart-form table.cart td::before, .mga-parcours .woocommerce-cart-form table.cart th::before { content: none; }
.mga-parcours .woocommerce-cart-form table.cart tbody tr:has(td.actions) { display: block; border: 0; padding-top: 20px; }
.mga-parcours .woocommerce-cart-form td.product-thumbnail { grid-area: image; }
.mga-parcours .woocommerce-cart-form .product-thumbnail a { display: block; }
.mga-parcours .woocommerce-cart-form .product-thumbnail img { display: block; width: 88px; height: 88px; margin: 0; object-fit: contain; border-radius: var(--pc-rayon-petit); }
.mga-parcours .woocommerce-cart-form table.cart .product-name { grid-area: titre; color: var(--pc-encre); font: 600 18px/1.3 var(--pc-titre); text-align: left; }
.mga-parcours .woocommerce-cart-form table.cart .product-name a { font-weight: 600; }
.mga-parcours .woocommerce-cart-form td.product-price { grid-area: prix; color: var(--pc-muet); font-size: 14px; text-align: left; }
.mga-parcours .woocommerce-cart-form td.product-price::after { content: " l\2019unité"; }
.mga-parcours .woocommerce-cart-form td.product-subtotal { grid-area: total; color: var(--pc-encre); font: 700 18px/1.3 var(--pc-corps); text-align: right; white-space: nowrap; }
.mga-parcours .woocommerce-cart-form td.product-subtotal .amount { color: inherit; }
.mga-parcours .woocommerce-cart-form td.product-quantity { grid-area: qte; align-self: center; margin-top: 12px; text-align: left; }
.mga-parcours .woocommerce-cart-form td.product-remove { grid-area: retirer; align-self: center; margin-top: 12px; text-align: left; }
.mga-parcours .woocommerce-cart-form a.remove { display: inline; width: auto; height: auto; border-radius: 0; background: none; color: transparent !important; font-size: 0; font-weight: 400 !important; text-decoration: none; }
.mga-parcours .woocommerce-cart-form a.remove::after { content: "Retirer"; color: var(--pc-muet); font: 400 14px/1.4 var(--pc-corps); text-decoration: underline; }
.mga-parcours .woocommerce-cart-form a.remove:hover { background: none; }
.mga-parcours .woocommerce-cart-form a.remove:hover::after { color: var(--pc-action); }
.mga-parcours .woocommerce-cart-form .quantity { display: inline-flex; align-items: stretch; width: 120px; height: 40px; }
.mga-parcours .woocommerce-cart-form .quantity input.qty { flex: 1 1 auto; order: 2; width: 40px; min-width: 0; min-height: 0; height: 40px; padding: 0; border-width: 2px 0; border-color: var(--pc-trait-fort); border-radius: 0; text-align: center; -moz-appearance: textfield; }
.mga-parcours .woocommerce-cart-form .quantity input.qty::-webkit-inner-spin-button, .mga-parcours .woocommerce-cart-form .quantity input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.mga-parcours .woocommerce-cart-form .quantity .action { position: static; display: inline-flex; flex: 0 0 40px; align-items: center; justify-content: center; box-sizing: border-box; width: 40px; height: 40px; border: 2px solid var(--pc-trait-fort); background: #fff; color: var(--pc-encre); cursor: pointer; }
.mga-parcours .woocommerce-cart-form .quantity .action svg { width: 16px; height: 16px; }
.mga-parcours .woocommerce-cart-form .quantity .action:hover { color: var(--pc-action); }
.mga-parcours .woocommerce-cart-form .quantity .action.minus { order: 1; border-radius: var(--pc-rayon-petit) 0 0 var(--pc-rayon-petit); }
.mga-parcours .woocommerce-cart-form .quantity .action.plus { order: 3; border-radius: 0 var(--pc-rayon-petit) var(--pc-rayon-petit) 0; }
/* code promo : discret, et la quantité se met à jour seule (parcours.js), donc plus de bouton « Mettre à jour » */
.mga-parcours .woocommerce-cart-form td.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; position: relative; }
.mga-parcours .woocommerce-cart-form td.actions button[name="update_cart"] { position: absolute; top: 0; left: 0; width: 1px !important; min-width: 0 !important; height: 1px; min-height: 0; padding: 0; overflow: hidden; white-space: nowrap; clip-path: inset(50%); border: 0; }
.mga-parcours .woocommerce-cart-form .coupon { display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; max-width: 420px; }
.mga-parcours .woocommerce-cart-form .coupon label { display: none; }
.mga-parcours .woocommerce-cart-form .coupon input.input-text { flex: 1 1 auto; width: auto; min-width: 0; min-height: 44px; }
.mga-parcours .woocommerce-cart-form .coupon button { flex: none; min-height: 44px; }
.mga-panier__retour { margin: 16px 0 0; font: 400 14px/1.4 var(--pc-corps); text-align: right; }
.mga-panier__retour a { color: var(--pc-action); font-weight: 600; text-decoration: none; white-space: nowrap; }
.mga-panier__retour a:hover { text-decoration: underline; }
.woocommerce-cart .mga-parcours .return-to-shop { margin: 16px 0 0; }

/* panier vide : une carte centrée, deux boutons */
.woocommerce-cart .mga-parcours .wc-empty-cart-message .cart-empty {
	display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 560px; margin: 0 auto;
	padding: 48px 32px 40px; border: 0; border-radius: 16px; background: var(--pc-doux); text-align: center;
}
.woocommerce-cart .mga-parcours .wc-empty-cart-message .cart-empty::before {
	content: ""; position: static; display: block; width: 64px; height: 64px; margin-bottom: 8px; border-radius: 50%; background: #fff no-repeat center / 28px
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300702B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E");
}
.mga-panier-vide__titre { color: var(--pc-encre); font: 600 24px/1.2 var(--pc-titre); }
.mga-panier-vide__texte { max-width: 400px; color: var(--pc-muet); font: 400 16px/1.5 var(--pc-corps); }
.mga-panier-vide__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 16px; }
.woocommerce-cart .mga-parcours .wc-empty-cart-message ~ .return-to-shop { display: none; }
@media (max-width: 520px) { .mga-panier-vide__actions a.mga-btn { flex: 1 1 100%; } }

/* ---------- commande ---------- */
.mga-parcours form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 24px 40px; align-items: start; }
.mga-parcours form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.mga-parcours form.checkout #customer_details { display: flex; flex-direction: column; gap: 24px; width: 100%; float: none; }
.mga-parcours form.checkout #customer_details .col-1, .mga-parcours form.checkout #customer_details .col-2 { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: none; float: none; padding: 0; }
.mga-parcours .woocommerce-billing-fields__field-wrapper, .mga-parcours .woocommerce-shipping-fields__field-wrapper { display: flex; flex-wrap: wrap; gap: 0 16px; }
.mga-parcours .woocommerce-billing-fields__field-wrapper > .form-row, .mga-parcours .woocommerce-shipping-fields__field-wrapper > .form-row { flex: 1 1 100%; width: 100%; float: none; }
.mga-parcours .woocommerce-billing-fields__field-wrapper > .form-row-first, .mga-parcours .woocommerce-billing-fields__field-wrapper > .form-row-last,
.mga-parcours .woocommerce-shipping-fields__field-wrapper > .form-row-first, .mga-parcours .woocommerce-shipping-fields__field-wrapper > .form-row-last { flex: 1 1 calc(50% - 8px); width: auto; }
.mga-parcours .woocommerce-account-fields .form-row { margin: 0; }
.mga-parcours .woocommerce-account-fields label { font-weight: 600; }
.mga-parcours form.checkout .woocommerce-shipping-fields:not(:has(#ship-to-different-address)) { display: none; }
.mga-parcours form.checkout .woocommerce-shipping-fields, .mga-parcours form.checkout .woocommerce-additional-fields { margin-top: 0; } /* Bricks y pose 60 et 15 px : l'ecart entre cartes vient deja du flex */
.mga-parcours form.checkout .woocommerce-shipping-fields h3 { margin: 0; font: 600 16px/1.4 var(--pc-corps); }
.mga-parcours form.checkout .woocommerce-shipping-fields h3 label { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; margin: 0; cursor: pointer; }
.mga-parcours form.checkout .woocommerce-shipping-fields .shipping_address { margin-top: 16px; }
.mga-parcours form.checkout .woocommerce-additional-fields:not(:has(textarea)) { display: none; }
/* pas de colonne collante ici : le récapitulatif dépasse souvent de l'écran, et le bouton Commander resterait hors de vue */
.woocommerce-checkout .mga-parcours form.checkout > div:not(#customer_details) { width: 100%; float: none; }
.mga-parcours #order_review_heading { display: block; width: 100%; float: none; margin: 0 0 16px; }
.mga-parcours #order_review { display: flex; flex-direction: column; gap: 16px; width: 100%; float: none; }
.mga-parcours #order_review table.shop_table td.product-total, .mga-parcours #order_review tfoot td { text-align: right; }
.mga-parcours #order_review thead th.product-total { text-align: right; }
.mga-parcours #payment { padding: 0; border: 0; background: none; border-radius: 0; }
.mga-parcours #payment ul.payment_methods { margin: 0 0 16px; padding: 0; border: 0; list-style: none; }
.mga-parcours #payment ul.payment_methods > li { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 8px; padding: 12px 16px; border: 2px solid var(--pc-trait-fort); border-radius: var(--pc-rayon-petit); }
.mga-parcours #payment ul.payment_methods > li:has(input:checked) { border-color: var(--pc-vert); background: var(--pc-doux); }
.mga-parcours #payment ul.payment_methods > li > input { flex: none; margin: 0; }
.mga-parcours #payment ul.payment_methods > li > label { display: flex; flex: 1; align-items: center; gap: 12px; min-width: 0; margin: 0 0 0 10px; color: var(--pc-encre); font: 600 16px/1.3 var(--pc-corps); cursor: pointer; }
/* l'icône que la passerelle fournit (Mollie, en production) : à droite de la ligne */
.mga-parcours #payment ul.payment_methods > li > label img { flex: none; width: auto; max-height: 27px; margin: 0 0 0 auto; border-radius: 4px; }
.mga-parcours #payment .payment_box { flex-basis: 100%; margin: 8px 0 0; padding: 0; background: none; color: var(--pc-muet); font: 400 14px/1.5 var(--pc-corps); text-align: left; }
.mga-parcours #payment .payment_box::before { content: none; }
.mga-parcours #payment .payment_box p { margin: 0 0 6px; text-align: left; }
.mga-parcours #payment .payment_box p:last-child { margin-bottom: 0; }
.mga-parcours #payment .place-order { display: block; margin: 0; padding: 0; border: 0; }
.mga-parcours .woocommerce-privacy-policy-text, .mga-parcours .woocommerce-terms-and-conditions-wrapper { color: var(--pc-muet); font: 400 14px/1.5 var(--pc-corps); }
.mga-parcours .woocommerce-privacy-policy-text p { margin: 0 0 12px; text-align: left; }
.mga-parcours .woocommerce-terms-and-conditions-wrapper { margin-bottom: 16px; }
.mga-parcours .woocommerce-terms-and-conditions-wrapper .form-row { margin: 0; }
.mga-parcours .woocommerce-terms-and-conditions-wrapper label.checkbox { position: relative; display: block; margin: 0; padding-left: 28px; color: var(--pc-encre); font-weight: 400; text-align: left; cursor: pointer; } /* pas en flex : l'asterisque « obligatoire » devenait un element a part, pousse au bord droit */
.mga-parcours .woocommerce-terms-and-conditions-wrapper label.checkbox input { position: absolute; top: 1px; left: 0; margin: 0; }
.mga-parcours #place_order { width: 100%; min-height: 56px; font-size: 18px; }
.woocommerce-checkout .mga-parcours .before-checkout:not(:has(.woocommerce-notices-wrapper > *, form, .woocommerce-info, .woocommerce-message, .woocommerce-error)) { display: none; }
.woocommerce-checkout .mga-parcours .before-checkout { margin-bottom: 24px; }
.mga-parcours form.checkout #customer_details .col-1 > wc-order-attribution-inputs { display: none; }

/* récapitulatif en blocs : dans un vrai tableau, un bloc de livraison resterait enfermé dans la première colonne */
.mga-parcours #order_review table.shop_table, .mga-parcours #order_review table.shop_table thead, .mga-parcours #order_review table.shop_table tbody, .mga-parcours #order_review table.shop_table tfoot { display: block; width: 100%; }
.mga-parcours #order_review table.shop_table tr { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--pc-trait); }
.mga-parcours #order_review table.shop_table tfoot tr:last-child { border-bottom: 0; }
.mga-parcours #order_review table.shop_table tr > * { display: block; border: 0; }
.mga-parcours #order_review table.shop_table tr > .product-name { flex: 1 1 auto; min-width: 0; color: var(--pc-encre); }
.mga-parcours #order_review table.shop_table tr > td.product-total, .mga-parcours #order_review table.shop_table tfoot tr > td { flex: none; white-space: nowrap; }
.mga-parcours #order_review table.shop_table tr.order-total > td { white-space: normal; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table, .woocommerce-cart .mga-parcours .cart_totals table.shop_table tbody { display: block; width: 100%; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--pc-trait); }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr:last-child { border-bottom: 0; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr > * { display: block; width: auto; border: 0; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table td::before { content: none; }
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr.order-total > td { text-align: right; }

/* livraison : un bloc en pleine largeur (les libellés sont longs), radio contre son texte */
.mga-parcours #order_review table.shop_table tr.woocommerce-shipping-totals,
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr.woocommerce-shipping-totals { display: block; padding: 12px 0; border-bottom: 1px solid var(--pc-trait); }
.mga-parcours #order_review table.shop_table tr.woocommerce-shipping-totals > *,
.woocommerce-cart .mga-parcours .cart_totals table.shop_table tr.woocommerce-shipping-totals > * { display: block; width: 100%; padding: 0; border: 0; text-align: left; white-space: normal; }
.mga-parcours tr.woocommerce-shipping-totals th { margin-bottom: 8px; color: var(--pc-muet); font: 600 14px/1.4 var(--pc-corps); }
.mga-parcours .woocommerce-shipping-methods li { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 8px; text-align: left; }
.mga-parcours .woocommerce-shipping-methods li:last-child { margin-bottom: 0; }
.mga-parcours .woocommerce-shipping-methods li input { flex: none; margin: 3px 0 0; }
.mga-parcours .woocommerce-shipping-methods li label { margin: 0; font: 400 16px/1.4 var(--pc-corps); text-align: left; cursor: pointer; }
.mga-parcours .woocommerce-shipping-methods li label .amount { font-weight: 700; white-space: nowrap; }

/* « Déjà client ? » : une carte avant « Détails de facturation » */
.mga-deja-client { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; box-sizing: border-box; padding: 24px; border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); background: #fff; box-shadow: var(--pc-ombre); }
.mga-parcours .mga-deja-client h3 { margin: 0 0 4px; font-size: 20px; }
.mga-deja-client > div { flex: 1 1 280px; min-width: 0; }
.mga-deja-client > a { flex: none; }
.mga-deja-client p { margin: 0; color: var(--pc-muet); font: 400 14px/1.5 var(--pc-corps); text-align: left; }

/* code promo sous le total */
.mga-code-promo { padding: 16px 0 0; border-top: 1px solid var(--pc-trait); }
.mga-code-promo__ouvrir { padding: 0; border: 0; background: none; color: var(--pc-action); font: 600 14px/1.4 var(--pc-corps); cursor: pointer; }
.mga-code-promo__ouvrir:hover { text-decoration: underline; }
.mga-code-promo__champ { display: grid; grid-template-rows: 0fr; margin-top: 0; opacity: 0; transition: grid-template-rows .3s ease, margin-top .3s ease, opacity .25s ease; }
.mga-code-promo__champ > div { display: flex; gap: 8px; min-height: 0; overflow: hidden; padding: 2px; }
.mga-code-promo--ouvert .mga-code-promo__champ { grid-template-rows: 1fr; margin-top: 12px; opacity: 1; }
.mga-code-promo__champ input { flex: 1 1 auto; box-sizing: border-box; min-width: 0; min-height: 44px; padding: 8px 14px; border: 2px solid var(--pc-trait-fort); border-radius: var(--pc-rayon-petit); font: 400 16px/1.4 var(--pc-corps); }
.mga-code-promo__champ input:focus { border-color: var(--pc-vert); outline: none; }
.mga-parcours .mga-code-promo__appliquer { flex: none; width: auto; min-height: 44px; padding: 0 20px; }
.mga-code-promo__message:empty { display: none; }
.mga-code-promo__message { margin-top: 12px; font-size: 14px; }
.mga-code-promo__message > * { margin: 0; }
.mga-code-promo__notice { animation: mga-promo-fondu .35s ease-out; }
@keyframes mga-promo-fondu { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .mga-code-promo__champ { transition: none; } .mga-code-promo__notice { animation: none; } }

/* notices de WooCommerce, aux couleurs du site */
.mga-parcours .woocommerce-message, .mga-parcours .woocommerce-info, .mga-parcours .woocommerce-error { margin: 0 0 16px; padding: 14px 18px; border: 0; border-left: 4px solid var(--pc-vert); border-radius: var(--pc-rayon-petit); background: var(--pc-doux); color: var(--pc-encre); font: 400 15px/1.5 var(--pc-corps); list-style: none; }
.mga-parcours .woocommerce-error { border-left-color: #B3261E; background: #FDECEA; }
.mga-parcours .woocommerce-message::before, .mga-parcours .woocommerce-info::before, .mga-parcours .woocommerce-error::before { content: none; }

/* coordonnées du virement, sur la confirmation */
.mga-parcours .woocommerce-bacs-bank-details { box-sizing: border-box; padding: 24px; border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); background: #fff; box-shadow: var(--pc-ombre); }
.mga-parcours .woocommerce-bacs-bank-details ul { margin: 0; padding: 0; list-style: none; }
.mga-parcours .woocommerce-bacs-bank-details li { margin: 0 0 6px; color: var(--pc-muet); font-size: 14px; }
.mga-parcours .woocommerce-bacs-bank-details li strong { color: var(--pc-encre); font-size: 16px; }

/* ---------- confirmation (woocommerce/checkout/thankyou.php du thème enfant) ---------- */
.mga-parcours table.woocommerce-table--order-details td:last-child, .mga-parcours table.woocommerce-table--order-details tfoot td, .mga-parcours table.woocommerce-table--order-details thead th:last-child { text-align: right; }
.mga-parcours table.woocommerce-table--order-details tfoot, .mga-parcours table.woocommerce-table--order-details tfoot tr, .mga-parcours table.woocommerce-table--order-details tfoot th, .mga-parcours table.woocommerce-table--order-details tfoot td { background: none !important; }
.mga-parcours .woocommerce-order { display: flex; flex-direction: column; gap: 24px; }
.mga-parcours .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mga-parcours .woocommerce-customer-details .woocommerce-column { width: 100%; max-width: none; float: none; }
.mga-parcours address { padding: 0; border: 0; color: var(--pc-texte); font: 400 16px/1.6 var(--pc-corps); font-style: normal; }
.mga-parcours .mga-merci > * { grid-column: 1 / -1; }
@media (min-width: 992px) {
	.mga-parcours .woocommerce-order.mga-merci { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 24px 32px; align-items: start; }
	.mga-parcours .mga-merci > .woocommerce-order-details { grid-column: 1; grid-row: span 2; }
	.mga-parcours .mga-merci > .woocommerce-customer-details, .mga-parcours .mga-merci > .mga-merci__suite { grid-column: 2; }
}
.mga-merci__tete {
	display: flex; flex-direction: column; align-items: center; gap: 12px; box-sizing: border-box; padding: 40px 32px 32px;
	border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); background: #fff; box-shadow: var(--pc-ombre); text-align: center;
	animation: mga-merci-entree .5s ease-out both;
}
@keyframes mga-merci-entree { from { opacity: 0; transform: translateY(10px); } }
.mga-merci__icone { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--pc-vert); color: #fff; box-shadow: 0 0 0 10px var(--pc-doux); }
.mga-merci__tete--attente .mga-merci__icone { background: #B7791F; box-shadow: 0 0 0 10px #FBF0DC; }
.mga-merci__tete--echec .mga-merci__icone { background: #A61B1B; box-shadow: 0 0 0 10px #FDE8E8; }
.mga-parcours .mga-merci__tete h2 { margin: 12px 0 0; font-size: clamp(26px, 1.6vw + 14px, 36px); line-height: 1.2; }
.mga-merci__tete > p { max-width: 60ch; margin: 0; color: var(--pc-muet); font: 400 16px/1.55 var(--pc-corps); text-align: center; }
.mga-merci__tete > p strong { color: var(--pc-encre); }
.mga-merci__reperes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; max-width: 820px; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid var(--pc-trait); list-style: none; }
.mga-merci__reperes li { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0 12px; }
.mga-merci__reperes li + li { border-left: 1px solid var(--pc-trait); }
.mga-merci__reperes span { color: var(--pc-muet); font: 400 14px/1.4 var(--pc-corps); }
.mga-merci__reperes strong { color: var(--pc-encre); font: 700 16px/1.3 var(--pc-corps); }
.mga-merci__reperes strong .woocommerce-Price-amount { color: var(--pc-action); }
.mga-merci__boutons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 8px 0 0; }
.mga-parcours .mga-merci__secondaire { background: transparent; border-color: var(--pc-trait-fort); color: var(--pc-encre); }
.mga-parcours .mga-merci__secondaire:hover { background: transparent; border-color: var(--pc-action); color: var(--pc-action); }
.mga-merci__suite { box-sizing: border-box; padding: 24px; border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); background: #fff; box-shadow: var(--pc-ombre); }
.mga-parcours .mga-merci__suite h2 { margin: 0 0 12px; font-size: 20px; }
.mga-merci__suite ul { margin: 0 0 16px; padding-left: 1.1em; color: var(--pc-texte); font: 400 14px/1.6 var(--pc-corps); }
.mga-merci__suite li + li { margin-top: 6px; }
.mga-merci__suite .mga-merci__boutons { justify-content: flex-start; }
.mga-parcours .mga-merci .woocommerce-customer-details .woocommerce-columns { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.mga-parcours .mga-merci .woocommerce-customer-details h2 { font-size: 20px; }
.mga-parcours .mga-merci address { overflow-wrap: anywhere; }
.mga-merci table.woocommerce-table--order-details td.product-name, .mga-merci table.woocommerce-table--order-details th.product-name { width: 78%; }
/* récapitulatif : couverture à gauche du titre, en colonne fixe plutôt qu'en flottant */
.mga-parcours table.woocommerce-table--order-details td.product-name { display: flow-root; }
.mga-parcours table.woocommerce-table--order-details td.product-name:has(.mga-merci__couv) { position: relative; min-height: 76px; padding-left: 68px; }
.mga-merci__couv { position: absolute; top: 12px; left: 0; width: 52px; }
.mga-merci__couv img { display: block; width: 52px; height: 52px; margin: 0; object-fit: contain; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .mga-merci__tete { animation: none; } }

/* ---------- compte ---------- */
.woocommerce-account.logged-in .mga-parcours .woocommerce { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px 40px; align-items: start; }
.woocommerce-account .mga-parcours .woocommerce-notices-wrapper { grid-column: 1 / -1; margin: 0; }
.woocommerce-account .mga-parcours .woocommerce-notices-wrapper:empty { display: none; }
.mga-parcours .woocommerce-MyAccount-navigation, .mga-parcours .woocommerce-MyAccount-content { width: 100%; float: none; }
.mga-parcours .woocommerce-MyAccount-navigation { padding: 12px; }
.mga-parcours .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.mga-parcours .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; }
.mga-parcours .woocommerce-MyAccount-navigation a { display: block; padding: 12px 16px; border-radius: var(--pc-rayon-petit); color: var(--pc-encre); font: 600 16px/1.3 var(--pc-corps); text-decoration: none; }
.mga-parcours .woocommerce-MyAccount-navigation a:hover { color: var(--pc-action); }
.mga-parcours .woocommerce-MyAccount-navigation li.is-active a { background: var(--pc-doux); color: var(--pc-action); }
.mga-parcours .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid var(--pc-trait) !important; }
.mga-parcours .woocommerce-MyAccount-content > p:first-of-type { margin-top: 0; }
.mga-parcours .woocommerce-MyAccount-content p { text-align: left; }
.mga-parcours .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 16px; }
.mga-parcours .woocommerce-Address { box-sizing: border-box; width: 100%; max-width: none; float: none; padding: 20px; border: 2px solid var(--pc-trait); border-radius: var(--pc-rayon); }
.mga-parcours .woocommerce-Address-title h2, .mga-parcours .woocommerce-Address-title h3 { margin: 0 0 8px; font-size: 18px; }
.mga-parcours fieldset { margin: 24px 0; padding: 16px; border: 2px solid var(--pc-trait); border-radius: var(--pc-rayon); }
.mga-parcours fieldset > legend { padding: 0 8px; }
.mga-parcours .woocommerce-MyAccount-content .woocommerce-order-details, .mga-parcours .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column { padding: 0; border: 0; box-shadow: none; }
.mga-parcours .woocommerce-MyAccount-content mark { padding: 0; background: none; color: inherit; font-weight: 700; }
/* connexion, sans compte ouvert */
.woocommerce-account:not(.logged-in) .mga-parcours .woocommerce { display: block; max-width: 520px; margin: 0 auto; }
.mga-parcours form.login, .mga-parcours form.lost_reset_password { display: block; width: 100%; margin: 0; }
.mga-parcours form.login .form-row-first, .mga-parcours form.login .form-row-last, .mga-parcours form.lost_reset_password .form-row-first { width: 100%; float: none; }
.mga-parcours form.login button[type="submit"] { width: 100%; margin-top: 8px; }
.mga-parcours .woocommerce-LostPassword { margin: 12px 0 0; font-size: 14px; }
.mga-connexion__intro { margin: 0 0 24px; color: var(--pc-muet); font: 400 14px/1.6 var(--pc-corps); }
.mga-connexion__intro a { display: inline-block; margin-top: 4px; font-weight: 600; }

/* ---------- écrans moyens et petits ---------- */
@media (max-width: 1279px) {
	.woocommerce-cart .mga-parcours .woocommerce, .mga-parcours form.checkout { grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; }
}
@media (max-width: 991px) {
	.woocommerce-cart .mga-parcours .woocommerce, .mga-parcours form.checkout, .woocommerce-account.logged-in .mga-parcours .woocommerce { grid-template-columns: minmax(0, 1fr); }
	.woocommerce-cart .mga-parcours .cart-collaterals { position: static; grid-column: 1; }
	.mga-panier__retour { clear: both; margin-top: 0; padding-top: 16px; text-align: left; }
	.mga-parcours .woocommerce-cart-form .coupon { float: none; width: 100%; max-width: none; }
	.mga-panier__retour a { display: flex; justify-content: center; align-items: center; gap: 6px; box-sizing: border-box; width: 100%; min-height: 48px; padding: 0 16px; border: 2px solid var(--pc-trait-fort); border-radius: var(--pc-rayon-petit); background: #fff; color: var(--pc-encre); }
	.mga-panier__retour a:hover { border-color: var(--pc-action); color: var(--pc-action); text-decoration: none; }
}
@media (max-width: 767px) {
	.mga-etapes__point { width: 36px; height: 36px; margin-bottom: 8px; border-width: 6px; }
	.mga-etapes__etape--faite .mga-etapes__point { background-size: 18px; }
	.mga-etapes__etape:not(:first-child)::before { top: 16px; }
	.mga-etapes__nom { font-size: 14px; }
	.mga-parcours .woocommerce-cart-form, .mga-parcours .cart_totals, .mga-parcours .woocommerce-billing-fields, .mga-parcours .woocommerce-shipping-fields, .mga-parcours .woocommerce-additional-fields,
	.woocommerce-checkout .mga-parcours form.checkout > div:not(#customer_details), .mga-parcours .woocommerce-MyAccount-content, .mga-parcours form.login { padding: 16px; }
	/* une ligne du panier : la même découpe, le total passe sous le titre */
	.mga-parcours .woocommerce-cart-form table.cart tr.cart_item { display: grid; grid-template-columns: 72px max-content minmax(0, 1fr) auto; grid-template-areas: "image titre titre titre" "image prix prix total" "image qte retirer retirer"; gap: 4px 12px; }
	.mga-parcours .woocommerce-cart-form .product-thumbnail img { width: 72px; height: 72px; }
	.mga-parcours .woocommerce-cart-form table.cart .product-name { font-size: 16px; }
	.mga-parcours .woocommerce-cart-form td.product-subtotal { font-size: 16px; }
	.mga-parcours #order_review table.shop_table tfoot td { min-width: 50%; }
	.mga-parcours .woocommerce-Addresses, .mga-parcours .woocommerce-customer-details .woocommerce-columns { grid-template-columns: minmax(0, 1fr); }
	.mga-parcours .woocommerce-billing-fields__field-wrapper > .form-row-first, .mga-parcours .woocommerce-billing-fields__field-wrapper > .form-row-last,
	.mga-parcours .woocommerce-shipping-fields__field-wrapper > .form-row-first, .mga-parcours .woocommerce-shipping-fields__field-wrapper > .form-row-last { flex: 1 1 100%; }
	.mga-merci__reperes { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 12px; }
	.mga-merci__reperes li:nth-child(3) { border-left: 0; }
	.mga-merci__tete { padding: 32px 16px 24px; }
}

/* ---------- retouches relevées à l'épreuve du 12/11/2026 (commande réelle sur la recette) ---------- */
/* WooCommerce donne le focus à sa notice après une mise à jour : le contour du navigateur dessinait un cadre noir. */
.mga-parcours .woocommerce-message:focus, .mga-parcours .woocommerce-info:focus, .mga-parcours .woocommerce-error:focus { outline: none; }
.woocommerce-cart .mga-parcours .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-cart .mga-parcours .woocommerce-notices-wrapper .woocommerce-error { margin-bottom: 0; }
/* « Appliquer » du code promo : secondaire. La règle générale des boutons pesait autant, et l'ordre ne suffisait pas. */
.mga-parcours .mga-code-promo .mga-code-promo__appliquer { background: transparent; border-color: var(--pc-trait-fort); color: var(--pc-encre); }
.mga-parcours .mga-code-promo .mga-code-promo__appliquer:hover { background: transparent; border-color: var(--pc-action); color: var(--pc-action); }
/* « Expédier à une adresse différente ? » : Bricks vise ce titre par son identifiant (case à droite, 20 px gras). */
.mga-parcours #ship-to-different-address label { flex-direction: row; justify-content: flex-start; gap: 10px; color: var(--pc-encre); font: 600 16px/1.4 var(--pc-corps); }
.mga-parcours #ship-to-different-address label span { font: inherit; }
.mga-parcours #ship-to-different-address label input { order: -1; margin: 0; }
/* confirmation : les instructions du virement arrivent en paragraphe nu, entre deux cartes */
.mga-parcours .mga-merci > p { box-sizing: border-box; margin: 0; padding: 18px 24px; border-left: 4px solid var(--pc-vert); border-radius: var(--pc-rayon-petit); background: var(--pc-doux); color: var(--pc-encre); font: 400 15px/1.7 var(--pc-corps); text-align: left; }
.mga-parcours .woocommerce-bacs-bank-details h3 { margin: 12px 0 6px; font: 600 16px/1.4 var(--pc-corps); }
.mga-parcours .woocommerce-bacs-bank-details h2 { margin-bottom: 4px; font-size: 20px; }
.mga-merci__reperes strong .woocommerce-Price-amount, .mga-merci__reperes strong bdi, .mga-merci__reperes strong span { font: inherit; }
.mga-merci__reperes strong .woocommerce-Price-amount, .mga-merci__reperes strong .woocommerce-Price-amount * { color: var(--pc-action); }
.mga-merci__reperes strong small { display: block; color: var(--pc-muet); font: 400 12px/1.3 var(--pc-corps); }
/* compte, sans session : l'inscription est OUVERTE au musée, donc deux formulaires. Dans les 520 px prévus pour
   la seule connexion ils sortaient à 240 px chacun : deux cartes côte à côte sur 920 px, l'une sous l'autre au téléphone. */
.woocommerce-account:not(.logged-in) .mga-parcours .woocommerce:has(#customer_login) { max-width: 920px; }
.mga-parcours #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; align-items: start; }
.mga-parcours #customer_login::before, .mga-parcours #customer_login::after { content: none; }
.mga-parcours #customer_login > div { width: 100%; max-width: none; float: none; padding: 0; }
.mga-parcours form.register { box-sizing: border-box; display: block; width: 100%; margin: 0; padding: 24px; border: 1px solid var(--pc-trait); border-radius: var(--pc-rayon); background: #fff; box-shadow: var(--pc-ombre); }
.mga-parcours form.register p:not(.form-row), .mga-parcours form.register .woocommerce-privacy-policy-text p { margin: 0 0 12px; color: var(--pc-muet); font: 400 14px/1.55 var(--pc-corps); text-align: left; }
.mga-parcours form.register button[type="submit"] { width: 100%; margin-top: 8px; }
@media (max-width: 767px) { .mga-parcours #customer_login { grid-template-columns: minmax(0, 1fr); gap: 24px; } }

/* Les actions d'une commande en attente (« Payer », « Annuler ») : WooCommerce pose les deux
   boutons bout à bout, sans un pixel entre eux (signalé par Olivier le 13/11/2026). Une marge sur
   le second, et non un flex sur la cellule : une cellule de tableau en flex cesse d'être une cellule. */
.mga-parcours .order-actions-button + .order-actions-button { margin-left: 10px; }