/* Afrekenen volgens de opzet: links één lichtblauw vlak (gegevens + betaling), rechts het overzicht */
.woocommerce-checkout form.checkout { --emr-ink: var(--e-global-color-primary, #1A1A18); --emr-blue-dark: var(--e-global-color-secondary, #006C99); --emr-tint: var(--e-global-color-emtint, #DCEFF9);
  --emr-display: var(--e-global-typography-secondary-font-family, "Archivo"), Arial, sans-serif; --emr-text: var(--e-global-typography-text-font-family, "Public Sans"), Arial, sans-serif;
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 64px; align-items: start; font-family: var(--emr-text); color: var(--emr-ink); }
.woocommerce-checkout form.checkout > * { grid-column: 1; }
.woocommerce-checkout form.checkout > .emr-co-side { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: 112px; }
@media (max-width: 959px) {
  .woocommerce-checkout form.checkout { grid-template-columns: minmax(0, 1fr); }
  .woocommerce-checkout form.checkout > .emr-co-side { grid-column: 1; grid-row: auto; position: static; order: 3; margin-top: 48px; }
}
/* Linkervlak */
.woocommerce-checkout #customer_details { margin: 0; padding: 40px 40px 8px; border-radius: 4px 4px 0 0; background: var(--emr-tint); }
.woocommerce-checkout .emr-co-pay { padding: 8px 40px 40px; border-radius: 0 0 4px 4px; background: var(--emr-tint); }
@media (max-width: 599px) { .woocommerce-checkout #customer_details { padding: 24px 20px 4px; } .woocommerce-checkout .emr-co-pay { padding: 4px 20px 24px; } }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { float: none; width: 100%; max-width: none; padding: 0; }
.woocommerce-checkout #customer_details.col2-set::before, .woocommerce-checkout #customer_details.col2-set::after { display: none; }
.woocommerce-checkout .woocommerce-billing-fields > h3, .emr-co-sub { margin: 0 0 20px; font-family: var(--emr-display); font-weight: 900; font-size: 22px; line-height: 1.15; color: var(--emr-ink); }
.woocommerce-checkout .woocommerce-billing-fields > h3 { font-size: 0; }
.woocommerce-checkout .woocommerce-billing-fields > h3::before { content: "Je gegevens"; font-size: 22px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: flex; flex-wrap: wrap; column-gap: 16px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > .emr-co-sub { width: 100% !important; margin: 12px 0 20px !important; }
.woocommerce-checkout .form-row { width: 100%; margin: 0 0 20px !important; padding: 0 !important; float: none !important; }
.woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last { width: calc(50% - 8px) !important; }
@media (max-width: 599px) { .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last { width: 100% !important; } }
.woocommerce-checkout .form-row label { display: block; margin: 0 0 6px; font-weight: 700; font-size: 15px; line-height: 1.4; color: var(--emr-ink); }
.woocommerce-checkout .form-row label .optional { font-weight: 400; }
.woocommerce-checkout .form-row label .required { color: #B42318; text-decoration: none; }
.woocommerce-checkout .form-row .input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .select2-container .select2-selection--single {
  width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid var(--emr-blue-dark) !important; border-radius: 4px !important; background: #fff !important;
  font: 400 16px/1.4 var(--emr-text); color: var(--emr-ink); box-shadow: none; }
.woocommerce-checkout .select2-container .select2-selection--single { display: flex; align-items: center; height: 50px; }
.woocommerce-checkout .select2-container .select2-selection__rendered { padding: 0 !important; line-height: 1.4 !important; color: var(--emr-ink) !important; }
.woocommerce-checkout .select2-container .select2-selection__arrow { height: 48px !important; }
.woocommerce-checkout .form-row .input-text:focus, .woocommerce-checkout .form-row select:focus { border-color: var(--emr-ink) !important; outline: 2px solid var(--emr-ink); outline-offset: 0; }
.woocommerce-checkout textarea.input-text { min-height: 100px; }
.woocommerce-checkout .woocommerce-shipping-fields { margin: 4px 0 20px; }
.woocommerce-checkout #ship-to-different-address { margin: 0; font-size: 15px; font-weight: 600; font-family: var(--emr-text); }
.woocommerce-checkout #ship-to-different-address label { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.woocommerce-checkout #ship-to-different-address input { width: 18px; height: 18px; margin: 0; accent-color: var(--emr-blue-dark); }
.woocommerce-checkout .shipping_address { margin-top: 20px; }
.woocommerce-checkout .woocommerce-additional-fields > h3 { display: none; }
/* Betaling */
.woocommerce-checkout #payment { background: none !important; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { margin: 0 0 20px; padding: 0 !important; border: 0 !important; list-style: none; display: grid; gap: 8px; }
.woocommerce-checkout #payment ul.payment_methods li { margin: 0; padding: 0 16px; border-radius: 4px; background: #fff; line-height: 1.4; }
.woocommerce-checkout #payment ul.payment_methods li > input { margin: 0 10px 0 0; width: 18px; height: 18px; vertical-align: middle; accent-color: var(--emr-blue-dark); }
.woocommerce-checkout #payment ul.payment_methods li > label { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; font-weight: 700; font-size: 16px; cursor: pointer; }
.woocommerce-checkout #payment ul.payment_methods li img { max-height: 24px; margin: 0 0 0 auto; }
.woocommerce-checkout #payment div.payment_box { margin: 0 0 12px; padding: 0 0 4px 28px; background: none !important; font-size: 14px; color: var(--emr-ink); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.form-row.place-order { margin: 0 !important; padding: 0 !important; }
.woocommerce-checkout .woocommerce-privacy-policy-text p { margin: 0 0 16px; font-size: 13px; line-height: 1.5; }
.woocommerce-checkout .woocommerce-privacy-policy-text a, .emr-co-after a { color: var(--emr-blue-dark); font-weight: 700; }
.woocommerce-checkout #place_order { float: none; width: auto; min-height: 58px; padding: 16px 32px !important; border: 0 !important; border-radius: 4px !important;
  background: var(--e-global-color-accent, #F98E02) !important; color: var(--emr-ink) !important; font: 800 18px/1.3 var(--emr-text) !important;
  box-shadow: 0 2px 0 rgba(26, 26, 24, .25); transition: background-color .2s, transform .2s; }
.woocommerce-checkout #place_order:hover { background: var(--e-global-color-emorhov, #DB7E00) !important; transform: translateY(-2px); }
@media (max-width: 599px) { .woocommerce-checkout #place_order { width: 100%; } }
.emr-co-after { margin: 14px 0 0; font-size: 14px; line-height: 1.5; }
/* Overzicht rechts */
.emr-co-side { padding-top: 40px; }
.emr-co-side .emr-co-title { margin: 0 0 20px; font-family: var(--emr-display); font-weight: 900; font-size: 26px; line-height: 1.15; color: var(--emr-ink); }
.emr-co-side .emr-ship { margin-bottom: 8px; }
.emr-co-side #order_review_heading { display: none; }
.emr-co-side #order_review { margin: 0; }
.emr-co-side table.shop_table { width: 100%; margin: 0; border: 0 !important; border-collapse: collapse; background: none; font-size: 16px; }
.emr-co-side table.shop_table thead { display: none; }
.emr-co-side table.shop_table td, .emr-co-side table.shop_table th { padding: 8px 0 !important; border: 0 !important; background: none !important; text-align: left; font-weight: 600; color: var(--emr-ink); vertical-align: top; }
.emr-co-side table.shop_table td:last-child { text-align: right; font-weight: 700; white-space: nowrap; }
.emr-co-side table.shop_table tbody td { padding: 16px 0 !important; border-bottom: 1px solid var(--emr-tint) !important; }
.emr-co-side td.product-name { position: relative; padding-left: 80px !important; min-height: 64px; font-weight: 400; }
.emr-co-line__img img { position: absolute; left: 0; top: 16px; width: 64px; height: 64px; object-fit: contain; }
.emr-co-line__txt { display: block; }
.emr-co-line__txt strong { display: block; font-weight: 700; margin-bottom: 4px; }
.emr-co-line__txt small, .emr-co-qty { display: block; font-size: 14px; }
.emr-co-side tfoot tr.order-total th, .emr-co-side tfoot tr.order-total td { font-weight: 800 !important; font-size: 18px; padding-top: 12px !important; }
.emr-co-side tfoot td ul#shipping_method { margin: 0; padding: 0; list-style: none; }
.emr-co-side tfoot td ul#shipping_method label { font-weight: 700; }
.emr-co-note { margin: 16px 0 0; font-size: 14px; }
.emr-co-back { display: inline-flex; margin-top: 16px; color: var(--emr-blue-dark); font-weight: 700; text-decoration: none; }
.emr-co-back:hover { color: var(--emr-ink); }
/* Waardebon-melding bovenaan, rustig */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { margin: 0 0 24px; padding: 14px 16px; border: 0; border-radius: 4px; background: var(--emr-tint, #DCEFF9); color: var(--e-global-color-primary, #1A1A18); font-size: 15px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before { display: none; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a { color: var(--e-global-color-secondary, #006C99); font-weight: 700; }
/* Correcties: foto naast de productnaam, knop boven de uitleg */
.emr-co-side table.shop_table tbody td.product-name { position: relative; padding: 16px 0 16px 80px !important; min-height: 96px; }
.emr-co-side table.shop_table tbody td.product-name .emr-co-line__img img { top: 16px; }
.woocommerce-checkout #payment .form-row.place-order { display: flex !important; flex-direction: column; align-items: flex-start; }
.woocommerce-checkout #payment .form-row.place-order > * { order: 2; }
.woocommerce-checkout #payment .form-row.place-order #place_order { order: 1; }
.woocommerce-checkout #payment .form-row.place-order .emr-co-after { order: 3; }
@media (max-width: 599px) { .woocommerce-checkout #payment .form-row.place-order { align-items: stretch; } }

/* Mobiel/tablet (11-11): formulier eerst, Je bestelling eronder (opzet); knoptekst gecentreerd en mag afbreken op smalle schermen */
@media (max-width: 599px) { .woocommerce-checkout #place_order { padding: 14px 20px !important; white-space: normal !important; line-height: 1.25 !important; text-align: center; } }
