@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@media (max-width: 767px) {
  .elementor-section, .elementor-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .elementor-column {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.menu-item:last-child a {
  background-color: 
#fe9306 !important;
  color: 
#ffffff !important;
  padding: 10px 20px !important;
  border-radius: 100px !important;
}
body {
  font-family: 'Poppins', sans-serif !important;
}
.elementor-nav-menu--dropdown a {
  color: #1c2212 !important;
}.elementor-nav-menu--dropdown a,
.elementor-nav-menu a {
  color: #1c2212 !important;
}
#page,
.site,
.wp-site-blocks {
  max-width: 100% !important;
  margin: 0 auto !important;
}

.elementor-section .elementor-container,
.e-con-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* ═══════════════════════════════════════════════════════════════
   PFF – Conversiegerichte WooCommerce Checkout (klassieke checkout)
   
   PLAATSEN IN: WordPress > Weergave > Aanpassen > Extra CSS
   Vervang ALLE eerdere checkout-CSS hiermee.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap');

/* ── HEADER, FOOTER, TITEL VERBERGEN ── */
.woocommerce-checkout #site-header { display: none !important; }
.woocommerce-checkout .elementor-element-8900ec9 { display: none !important; }
.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title,
.woocommerce-checkout h1.entry-title { display: none !important; }

/* ── TOKENS ── */
:root {
  --pff-rose:       #f5e8e4;
  --pff-rose-deep:  #c4896e;
  --pff-rose-dark:  #8b4f38;
  --pff-sage:       #e8ede6;
  --pff-sage-deep:  #6a9163;
  --pff-cream:      #faf8f5;
  --pff-text-dark:  #2c2420;
  --pff-text-mid:   #5c4f49;
  --pff-text-light: #8a7f7b;
  --pff-border:     rgba(180,140,120,0.22);
  --pff-radius:     12px;
}

/* ── PAGINA ACHTERGROND ── */
.woocommerce-checkout {
  background: var(--pff-cream) !important;
}

/* container van de checkout breed en gecentreerd */
.woocommerce-checkout .woocommerce {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  font-family: 'DM Sans', sans-serif;
  color: var(--pff-text-dark);
}

/* ── HOOFDLAYOUT: gegevens links, bestelling rechts ──
   We zetten de hele checkout-form in twee kolommen */
@media (min-width: 900px) {
  .woocommerce-checkout form.checkout.woocommerce-checkout {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    grid-template-rows: auto auto;
    gap: 24px 48px;
    align-items: start;
  }
  /* express checkout (apple/google pay) over volle breedte bovenaan */
  .woocommerce-checkout .wcpay-express-checkout-wrapper {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  /* klantgegevens links */
  .woocommerce-checkout #customer_details {
    grid-column: 1;
    grid-row: 2;
  }
  /* bestellingtitel + overzicht rechts, samen in een sticky kolom */
  .woocommerce-checkout #order_review_heading {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
    align-self: start;
  }
  .woocommerce-checkout #order_review {
    grid-column: 2;
    grid-row: 2;
    margin-top: 56px;
    position: sticky;
    top: 20px;
  }
}

/* ── BINNEN customer_details de twee kolommen onder elkaar ── */
.woocommerce-checkout #customer_details.col2-set {
  display: block;
  width: 100%;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
  float: none;
  margin-bottom: 8px;
}

/* ── KAARTEN om de secties ── */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  background: white;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  padding: 28px;
  margin-bottom: 20px;
}

/* ── TITELS ── */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  color: var(--pff-text-dark);
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--pff-border);
}
.woocommerce-checkout #ship-to-different-address {
  border-bottom: none;
  padding-bottom: 0;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce-checkout #ship-to-different-address label {
  font-family: 'Cormorant Garamond', Georgia, serif;
  cursor: pointer;
  margin: 0;
}

/* ── LABELS ── */
.woocommerce-checkout .form-row label {
  font-size: 13px;
  font-weight: 500;
  color: var(--pff-text-mid);
  margin-bottom: 6px;
  display: block;
}
.woocommerce-checkout .required { color: var(--pff-rose-deep); border: none; }
.woocommerce-checkout .optional { color: var(--pff-text-light); }

/* ── INVOERVELDEN ── */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection,
.woocommerce-checkout .form-row select {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  background: var(--pff-cream);
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: var(--pff-text-dark);
  box-shadow: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  line-height: 1.4;
  height: auto;
  min-height: 48px;
}

/* select2 hoogte fix */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
  padding: 0;
  color: var(--pff-text-dark);
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
  outline: none;
  border-color: var(--pff-rose-deep);
  background: white;
  box-shadow: 0 0 0 3px rgba(196,137,110,0.12);
}

.woocommerce-checkout .form-row textarea {
  min-height: 90px;
  resize: vertical;
}

/* twee velden naast elkaar (voornaam/achternaam) */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
  width: calc(50% - 8px);
  display: inline-block;
  vertical-align: top;
}
.woocommerce-checkout .form-row-first { margin-right: 12px; }

@media (max-width: 600px) {
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 100%;
    margin-right: 0;
  }
}

/* ── BESTELOVERZICHT ── */
.woocommerce-checkout #order_review {
  background: white;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  padding: 28px;
}

.woocommerce-checkout table.shop_table {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
  border: none !important;
  font-size: 15px;
  margin-bottom: 20px;
}
.woocommerce-checkout table.shop_table thead { display: none; }
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid var(--pff-border) !important;
  padding: 14px 0;
  color: var(--pff-text-mid);
}
.woocommerce-checkout table.shop_table tbody td {
  color: var(--pff-text-dark);
}
.woocommerce-checkout table.shop_table .product-quantity {
  color: var(--pff-text-light);
}
.woocommerce-checkout table.shop_table tfoot th {
  font-weight: 400;
  color: var(--pff-text-light);
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
}
.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td {
  font-weight: 600;
  color: var(--pff-text-dark) !important;
  font-size: 18px;
  border-bottom: none !important;
  padding-top: 16px;
}
.woocommerce-checkout .woocommerce-Price-amount { color: inherit; }

/* ── BETAALMETHODEN ── */
.woocommerce-checkout #payment {
  background: transparent;
  border: none;
  padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  border: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
  margin-bottom: 10px;
  background: var(--pff-cream);
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  padding: 14px 18px;
  transition: border-color 0.2s, background 0.2s;
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
  border-color: var(--pff-rose-deep);
  background: var(--pff-rose);
}
.woocommerce-checkout #payment ul.payment_methods label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 400;
  color: var(--pff-text-dark);
  cursor: pointer;
  margin: 0;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"] {
  accent-color: var(--pff-rose-deep);
  margin-right: 4px;
}
.woocommerce-checkout #payment .payment-methods--logos img {
  height: 22px;
  width: auto;
}
.woocommerce-checkout #payment .payment_box {
  background: white;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  padding: 16px;
  margin-top: 14px;
  font-size: 14px;
  color: var(--pff-text-mid);
}
.woocommerce-checkout #payment .payment_box::before { display: none; }

/* express checkout knop (apple/google pay) */
.woocommerce-checkout .wcpay-express-checkout-wrapper {
  margin-bottom: 8px;
}
.woocommerce-checkout #wcpay-express-checkout-button-separator {
  color: var(--pff-text-light);
  font-size: 13px;
}

/* ── BESTELKNOP ── */
.woocommerce-checkout #place_order {
  display: block;
  width: 100%;
  background: #c4896e;
  color: white !important;
  font-family: 'DM Sans', sans-serif;
  font-size: 17px;
  font-weight: 500;
  padding: 18px 40px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  letter-spacing: 0.3px;
  margin-top: 20px;
  text-shadow: none;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order:focus,
.woocommerce-checkout #place_order:active {
  background: #c4896e;
  transform: none;
  box-shadow: none;
}

/* ── PRIVACY TEKST ── */
.woocommerce-checkout .woocommerce-privacy-policy-text p {
  font-size: 12px;
  color: var(--pff-text-light);
  line-height: 1.6;
}

/* ── WAARDEBON ── */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background: white;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  border-left: 3px solid var(--pff-rose-deep);
  padding: 14px 18px;
  font-size: 14px;
  color: var(--pff-text-mid);
  margin-bottom: 24px;
}
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-error::before { display: none; }
.woocommerce-checkout .showcoupon { color: var(--pff-rose-deep); }

.woocommerce-checkout form.checkout_coupon {
  background: white;
  border: 1px solid var(--pff-border);
  border-radius: var(--pff-radius);
  padding: 24px;
  margin-bottom: 24px;
}
.woocommerce-checkout form.checkout_coupon .button {
  background: var(--pff-rose-deep);
  color: white;
  border-radius: 50px;
  border: none;
  padding: 12px 28px;
}

/* ── FOUTMELDINGEN ── */
.woocommerce-checkout .woocommerce-error {
  background: #fdf0ee;
  border: 1px solid rgba(196,137,110,0.3);
  border-left: 3px solid var(--pff-rose-deep);
  border-radius: var(--pff-radius);
  color: var(--pff-rose-dark);
  font-size: 14px;
  padding: 14px 18px;
  list-style: none;
  margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-error .button {
  background: var(--pff-rose-deep);
  color: white;
  border-radius: 50px;
  border: none;
}

/* verzendmethode lijst */
.woocommerce-checkout #shipping_method {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-checkout #shipping_method li { padding: 4px 0; }
/* Alleen de "al in winkelwagen" melding verbergen */
.woocommerce-checkout .woocommerce-error:has(.wc-forward) {
  display: none !important;
}
/* Waardebon balk verbergen */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  display: none !important;
}