/* INKÛNU : paiement, compte client et page de remerciement WooCommerce, aux couleurs du thème
   (même typographie, boutons noirs, encadrés neutres), à la place du style violet par défaut. */
.ink-wc-page { padding-bottom: 60px; }
.ink-wc-page .main-page-title { margin-bottom: 28px; }
.woocommerce form .form-row label { font-size: 1.3rem; letter-spacing: .04rem; color: rgba(var(--color-foreground), .75); }
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce-page form .form-row textarea,
.select2-container .select2-selection--single {
  min-height: 46px; padding: 10px 14px; border: 1px solid rgba(var(--color-foreground), .25); border-radius: 0;
  background: rgb(var(--color-background)); font: inherit; font-size: 1.5rem; color: rgb(var(--color-foreground));
}
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 24px; padding: 0; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 44px; }
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus { outline: 1px solid rgb(var(--color-foreground)); }
.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  border-top: 0; border-left: 2px solid rgb(var(--color-foreground)); background: rgba(var(--color-foreground), .04);
  color: rgb(var(--color-foreground)); font-size: 1.4rem; padding: 14px 18px 14px 44px;
}
.woocommerce-info::before, .woocommerce-message::before { color: rgb(var(--color-foreground)); top: 14px; }
.woocommerce-error { border-left-color: #b3261e; }
.woocommerce-error::before { color: #b3261e; }
.woocommerce #payment, .woocommerce-checkout #payment { background: rgba(var(--color-foreground), .04); border-radius: 0; }
.woocommerce-checkout #payment div.payment_box { background: rgb(var(--color-background)); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: rgb(var(--color-background)); }
.woocommerce table.shop_table { border-radius: 0; border-color: rgba(var(--color-foreground), .15); }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: rgba(var(--color-foreground), .1); font-size: 1.4rem; }
.woocommerce h3, .woocommerce-billing-fields h3, #order_review_heading { font-size: 1.8rem; font-weight: 600; margin: 24px 0 14px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce #payment #place_order {
  background: #111; color: #fff; border-radius: 0; padding: 15px 32px; font: inherit; font-size: 1.3rem;
  font-weight: 600; letter-spacing: .12rem; text-transform: uppercase; border: 0;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce #payment #place_order:hover { background: #333; color: #fff; }
.woocommerce #payment #place_order { width: 100%; float: none; margin-top: 14px; }
.woocommerce-terms-and-conditions-wrapper { font-size: 1.3rem; }
.woocommerce-order-overview, .woocommerce-thankyou-order-received { font-size: 1.5rem; }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation li { padding: 8px 0; border-bottom: 1px solid rgba(var(--color-foreground), .1); }
@media screen and (min-width: 990px) {
  .woocommerce-checkout .ink-wc-page { max-width: 110rem; }
}

/* Mise en page du paiement façon Shopify : coordonnées à gauche, récapitulatif collant à droite. */
@media screen and (min-width: 990px) {
  .woocommerce-checkout .ink-wc-page { max-width: 120rem; }
  form.checkout.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: 64px; grid-template-rows: auto 1fr; align-items: start; }
  form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; }
  form.checkout #customer_details .col-1, form.checkout #customer_details .col-2 { float: none; width: 100%; }
  form.checkout #order_review_heading { grid-column: 2; grid-row: 1; margin-top: 0; }
  form.checkout #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 24px; background: rgba(var(--color-foreground), .03); padding: 24px; }
  .woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .checkout_coupon { max-width: 100%; }
}
.woocommerce-checkout #order_review table.shop_table { background: transparent; }
.woocommerce-checkout-review-order-table .product-name { font-weight: 500; }
[dir="rtl"] .woocommerce-info, [dir="rtl"] .woocommerce-message, [dir="rtl"] .woocommerce-error { border-left: 0; border-right: 2px solid rgb(var(--color-foreground)); padding: 14px 44px 14px 18px; }
[dir="rtl"] .woocommerce-info::before, [dir="rtl"] .woocommerce-message::before { left: auto; right: 1.2em; }