/* ==========================================================================
   Mojo — Terracotta Seventies stijllaag, vertaald uit de goedgekeurde
   designset (canvas "Mister Mojo herontwerp", 5 sep 2026).
   Tokens uit theme.json; Titan One voor accenten, Archivo voor de rest.
   ========================================================================== */

/* ---------- Basis ---------- */
body {
  background: var(--wp--preset--color--creme, #f7efe2);
  color: var(--wp--preset--color--ink, #4a2c1e);
  -webkit-font-smoothing: antialiased;
}
a { text-decoration: none; }
a:hover { color: var(--wp--preset--color--bordeaux-hover, #a54b28); }

h2.wp-block-heading { font-size: 28px; font-weight: 700; margin: 0 0 20px 0; }

.mojo-accent {
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  font-weight: 400;
  color: var(--wp--preset--color--terracotta, #c25e35);
}

/* Sectieritme */


/* ---------- Header: bruine topbar ---------- */
.mojo-topbar {
  background: var(--wp--preset--color--ink, #4a2c1e);
  padding: 16px 64px;
  gap: 32px;
  align-items: center;
}
.mojo-topbar .mojo-logo { flex-shrink: 0; margin: 0; }
.mojo-topbar .mojo-logo img { width: 112px; height: auto; display: block; }
.mojo-topbar .mojo-zoekbalk { flex-grow: 1; margin: 0; max-width: none; }
.mojo-zoekbalk .wp-block-search__inside-wrapper {
  background: var(--wp--preset--color--bruin-licht, #5d3a28);
  border: 1px solid #7a5540;
  border-radius: 999px;
  padding: 4px 8px 4px 14px;
}
.mojo-zoekbalk .wp-block-search__input {
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  padding: 9px 12px;
}
.mojo-zoekbalk .wp-block-search__input::placeholder { color: #e8d5c4; opacity: 1; }
.mojo-zoekbalk .wp-block-search__button {
  background: transparent;
  border: 0;
  color: #ffffff;
  margin: 0;
  padding: 6px 10px;
  cursor: pointer;
}
.mojo-zoekbalk .wp-block-search__button svg { fill: #ffffff; width: 18px; height: 18px; }

.mojo-topbar .mojo-account { color: #ffffff; }
.mojo-topbar .mojo-account a { color: #ffffff; }
.mojo-topbar .mojo-account svg { stroke: #ffffff; }
.mojo-minicart { color: #ffffff; }
.mojo-topbar .wc-block-mini-cart__button { color: #ffffff; }
.mojo-topbar .wc-block-mini-cart__button svg { fill: #ffffff; stroke: #ffffff; }
.mojo-topbar .wc-block-mini-cart__badge {
  background: var(--wp--preset--color--amber, #e0a63c);
  color: var(--wp--preset--color--ink, #4a2c1e);
  border: 0;
  font-weight: 700;
}

/* ---------- Header: navregel op creme ---------- */
.mojo-navrow {
  padding: 13px 64px;
  border-bottom: 2px solid var(--wp--preset--color--zandlijn, #eadfc9);
  align-items: center;
  gap: 28px;
}
.mojo-nav { font-size: 14px; font-weight: 600; }
.mojo-nav .wp-block-navigation-item__content { color: var(--wp--preset--color--ink, #4a2c1e); padding: 2px 0; }
.mojo-nav .wp-block-navigation-item__content:hover,
.mojo-nav .current-menu-item .wp-block-navigation-item__content { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-nav .wp-block-navigation__container { gap: 28px; }
.mojo-verzendregel {
  margin: 0;
  font-size: 12px;
  color: var(--wp--preset--color--gedempt, #8a6f5c);
  font-weight: 500;
  white-space: nowrap;
}
/* Woo injecteert een account-icoon na de navigatie; die zit al in de topbar */
.mojo-navrow > .wp-block-woocommerce-customer-account { display: none; }

/* ---------- Knoppen: pills ---------- */
.wp-element-button, .wp-block-button__link,
.wc-block-components-button, button[type="submit"],
.single_add_to_cart_button {
  border-radius: 999px;
  font-weight: 700;
  font-size: 15px;
}
.wp-block-button .wp-block-button__link {
  background: var(--wp--preset--color--terracotta, #c25e35);
  color: #fff7ec;
  padding: 15px 30px;
  border: 2px solid var(--wp--preset--color--terracotta, #c25e35);
}
.wp-block-button .wp-block-button__link:hover { background: var(--wp--preset--color--bordeaux-hover, #a54b28); border-color: var(--wp--preset--color--bordeaux-hover, #a54b28); color: #fff7ec; }
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--ink, #4a2c1e);
  border: 2px solid var(--wp--preset--color--ink, #4a2c1e);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--terracotta, #c25e35); border-color: var(--wp--preset--color--terracotta, #c25e35); }

.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce input.button,
.woocommerce button.button.alt, .woocommerce a.button.alt {
  background: var(--wp--preset--color--terracotta, #c25e35);
  color: #fff7ec;
  border-radius: 999px;
  font-weight: 700;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: var(--wp--preset--color--bordeaux-hover, #a54b28); color: #fff7ec; }

/* Ontwerptool-CTA (FPD): de primaire pill */
#fpd-start-customizing-button.fpd-secondary-btn {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background: var(--wp--preset--color--terracotta, #c25e35);
  color: #fff7ec;
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  font-size: 16px;
  padding: 17px 32px;
  line-height: normal;
  margin: 6px 0 10px 0;
  cursor: pointer;
}
#fpd-start-customizing-button.fpd-secondary-btn:hover { background: var(--wp--preset--color--bordeaux-hover, #a54b28); color: #fff7ec; }

/* ---------- Kaarten, chips, tegels ---------- */
.mojo-kaart { background: #ffffff; border: 0; border-radius: 18px; overflow: hidden; }
.mojo-tegels { gap: 20px; }
.mojo-tegels .mojo-kaart p { margin: 0; padding: 13px 15px; font-size: 14px; font-weight: 700; }
.mojo-tegels .mojo-kaart a { color: var(--wp--preset--color--ink); }
.mojo-tegels .mojo-kaart figure { margin: 0; line-height: 0; }
.mojo-tegels .mojo-kaart img { width: 100%; height: 145px; object-fit: cover; }

.mojo-chips { display: flex; flex-wrap: wrap; gap: 12px; }
.mojo-chip {
  background: var(--wp--preset--color--amber, #e0a63c);
  color: var(--wp--preset--color--ink, #4a2c1e);
  border: 0;
  border-radius: 999px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}
.mojo-chip:hover { background: #d19631; color: var(--wp--preset--color--ink, #4a2c1e); }

.mojo-scheidslijn { border-top: 0; }

/* ---------- Hero ---------- */
.has-hero-font-size { font-size: 46px !important; font-weight: 700; line-height: 1.14; margin: 0 0 8px 0; }
.mojo-herobeeld img { border-radius: 235px 235px 20px 20px; width: 100%; height: 470px; object-fit: cover; }
.mojo-boogfoto img { border-radius: 190px 190px 18px 18px; width: 100%; object-fit: cover; }

/* ---------- Hoe het werkt ---------- */
.mojo-hoehetwerkt { background: #ffffff; border: 0; border-radius: 0; }
.mojo-hoehetwerkt p { display: flex; align-items: flex-start; gap: 14px; margin: 0; font-size: 14px; color: var(--wp--preset--color--tekst); line-height: 1.6; }
.mojo-hoehetwerkt strong { color: var(--wp--preset--color--ink); }
.mojo-stap-nr {
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  background: var(--wp--preset--color--terracotta, #c25e35);
  color: #f7efe2;
  border-radius: 999px;
  width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; flex-shrink: 0;
}
.mojo-stap-groot { width: 44px; height: 44px; font-size: 18px; }
.mojo-stap-mosterd { background: var(--wp--preset--color--amber, #e0a63c); color: var(--wp--preset--color--ink, #4a2c1e); }

/* ---------- Productkaarten (Woo, sitewide) ---------- */
ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
ul.products::before, ul.products::after,
.woocommerce ul.products::before, .woocommerce ul.products::after,
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after { display: none !important; content: none !important; }
ul.products li.product {
  width: auto !important; float: none !important; margin: 0 !important;
  background: #ffffff;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  padding-bottom: 16px;
  display: flex; flex-direction: column;
  position: relative;
}
ul.products li.product img { margin: 0; width: 100%; }
ul.products li.product .woocommerce-loop-product__title { padding: 15px 18px 0 18px; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink); }
ul.products li.product .price {
  padding: 4px 18px 0 18px;
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  color: var(--wp--preset--color--terracotta, #c25e35);
  font-weight: 400;
  font-size: 16px;
  display: block;
}
ul.products li.product .price del { opacity: 0.5; font-size: 13px; }
ul.products li.product .star-rating { margin: 6px 18px 0 18px; }
ul.products li.product .button { margin: auto 18px 0 18px; padding: 12px 20px; text-align: center; }
ul.products li.product .onsale,
.wc-block-components-product-sale-badge, .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--amber, #e0a63c);
  color: var(--wp--preset--color--ink, #4a2c1e);
  border: 0;
  border-radius: 999px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  padding: 5px 13px;
  position: absolute;
  top: 12px; right: 12px;
  z-index: 2;
}

/* Blok-gebaseerde productgrids */
.mojo-productgrid .wp-block-post-template, .mojo-gerelateerd .wp-block-post-template { gap: 24px; }
.mojo-productgrid .wp-block-post, .mojo-gerelateerd .wp-block-post {
  background: #ffffff;
  border: 0;
  border-radius: 18px;
  overflow: hidden;
}
.mojo-productgrid h3, .mojo-gerelateerd h3 { margin: 14px 0 4px 0; padding: 0 18px; font-size: 14px; font-weight: 700; }
.mojo-productgrid h3 a, .mojo-gerelateerd h3 a { color: var(--wp--preset--color--ink); }
.mojo-productgrid .wc-block-components-product-price, .mojo-gerelateerd .wc-block-components-product-price {
  display: block; padding: 0 18px 16px 18px;
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  color: var(--wp--preset--color--terracotta, #c25e35);
}
.mojo-productgrid .wc-block-components-product-rating { padding: 0 18px; }
.wp-block-query-pagination { margin-top: 32px; }

/* ---------- Productpagina ---------- */
/* Woo begrenst de galerij op single_image_width (512); het bord vult de kolom (636). */
.wp-block-woocommerce-product-image-gallery { max-width: 100% !important; width: 100% !important; }
.wp-block-woocommerce-product-image-gallery img { border-radius: 24px; }
.mojo-eyebrow, .mojo-eyebrow a {
  color: var(--wp--preset--color--terracotta, #c25e35);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  font-size: 12px;
  margin: 0 0 6px 0;
}
.mojo-korte-omschrijving { color: var(--wp--preset--color--tekst); }
.wp-block-woocommerce-product-price, .product .summary .price {
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  color: var(--wp--preset--color--terracotta, #c25e35);
  font-size: 28px;
  font-weight: 400;
}
.mojo-verzendstrip {
  display: flex; align-items: center; gap: 12px;
  background: #ffffff;
  border-radius: 16px;
  padding: 15px 18px;
  margin-top: 4px;
  font-size: 14px;
  color: var(--wp--preset--color--tekst);
}
.mojo-verzendstrip strong { color: var(--wp--preset--color--terracotta); }
/* Truck-icoon netjes op teksthoogte (svg is inline en zakt anders onder de baseline) */
.mojo-verzendstrip svg, .mojo-checkout-verzendkaart svg { vertical-align: -3.5px; margin-right: 2px; }
/* Subheader-rotatie: desktop toont beide naast elkaar, mobiel wisselt (zie mobiel blok) */
.mojo-verzendregel .mojo-rotatie { display: inline; }
.mojo-verzendregel .mojo-rotatie-2 { display: none; }
@keyframes mojo-rotatie {
  0%, 40% { opacity: 1; }
  48%, 92% { opacity: 0; }
  100% { opacity: 1; }
}
.mojo-stappen { margin-top: 14px; }
.mojo-stappen p { display: flex; align-items: center; gap: 9px; margin: 7px 0; color: var(--wp--preset--color--tekst); font-size: 14px; }
.mojo-vertrouwen { color: var(--wp--preset--color--gedempt); border-top: 2px solid var(--wp--preset--color--zandlijn); padding-top: 14px; margin-top: 10px; font-size: 12px; }
.wp-block-woocommerce-breadcrumbs, .wp-block-woocommerce-breadcrumbs a { color: var(--wp--preset--color--gedempt); font-size: 13px; }
form.cart .quantity .qty { border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px; padding: 11px; background: #ffffff; }
.single_add_to_cart_button { padding: 14px 30px; background: transparent !important; color: var(--wp--preset--color--ink) !important; border: 2px solid var(--wp--preset--color--ink) !important; }
.single_add_to_cart_button:hover { color: var(--wp--preset--color--terracotta) !important; border-color: var(--wp--preset--color--terracotta) !important; }

/* Staffeltabel (o.a. tiered pricing) */
.mojo-staffel { background: #ffffff; border-radius: 16px; padding: 16px 20px; }
.mojo-staffel table, table.tiered-pricing-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
.mojo-staffel th, table.tiered-pricing-table th {
  text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.04em;
  color: var(--wp--preset--color--gedempt); padding: 6px 12px; text-transform: uppercase; border: 0;
}
.mojo-staffel td, table.tiered-pricing-table td { padding: 9px 12px; border: 0; }
.mojo-staffel tr:nth-child(odd) td, table.tiered-pricing-table tbody tr:nth-child(odd) td { background: var(--wp--preset--color--creme, #f7efe2); }
.mojo-staffel tr td:first-child, table.tiered-pricing-table tbody tr td:first-child { border-radius: 8px 0 0 8px; }
.mojo-staffel tr td:last-child, table.tiered-pricing-table tbody tr td:last-child { border-radius: 0 8px 8px 0; }

/* ---------- Categoriepagina ---------- */
/* Volle contentbreedte + echte alinea's (Quincy, 9 sep 2026; was max 880px met kale regelbreuken) */
.mojo-catintro { color: var(--wp--preset--color--tekst); max-width: none; }
.mojo-catintro p { margin: 0 0 14px; }
.mojo-catintro p:last-child { margin-bottom: 0; }
.mojo-cathero-usps { gap: 24px; color: var(--wp--preset--color--tekst); font-size: 13px; }
.mojo-cathero-usps p { margin: 0; }
.mojo-filterbalk { margin-bottom: 20px; color: var(--wp--preset--color--gedempt); font-size: 14px; }
.mojo-cat-ondertekst { max-width: 860px; }
.mojo-cat-ondertekst h2 { font-size: 24px; margin: 28px 0 10px 0; }
.mojo-cat-ondertekst p, .mojo-cat-ondertekst li { color: var(--wp--preset--color--tekst); }
.mojo-cat-faq { max-width: 860px; }
.mojo-cat-faq h2 { font-size: 24px; margin: 32px 0 14px 0; line-height: normal; }
.mojo-cat-faq details {
  background: #ffffff;
  border: 0;
  border-radius: 16px;
  padding: 17px 22px;
  margin-bottom: 12px;
}
.mojo-cat-faq summary { font-weight: 700; cursor: pointer; font-size: 14.5px; line-height: normal; }
.mojo-cat-faq details p { color: var(--wp--preset--color--tekst); margin: 10px 0 0 0; font-size: 13.5px; }

/* Sorteer-select */
select, .woocommerce-ordering select {
  border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4);
  border-radius: 999px;
  padding: 9px 16px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--wp--preset--color--ink, #4a2c1e);
  background: #ffffff;
}

/* ---------- FAQ (homepage/faq-pagina) ---------- */
.mojo-faq-item { background: #ffffff; border: 0; border-radius: 16px; padding: 18px 24px; margin-bottom: 12px; }
.mojo-faq-item summary { font-weight: 700; cursor: pointer; font-size: 15px; line-height: normal; }
.mojo-faq-item p { color: var(--wp--preset--color--tekst); margin: 10px 0 0 0; font-size: 14px; line-height: 1.7; }
/* Bord home: linklijn onder de FAQ-kop op 14px */
.mojo-faqgrid p.has-small-font-size { font-size: 14px !important; }
/* Bord home: eerste menu-item (Borrelplanken) terracotta */
.home .wp-block-navigation-item a[href*="/borrelplank"] { color: var(--wp--preset--color--terracotta) !important; }

/* ---------- Donkere banden (zakelijk, CTA) ---------- */
.mojo-zakelijkband { background: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-zakelijkband h2 { color: #f7efe2; margin-bottom: 8px; }
.mojo-zakelijkband p { color: #d9c4b2; }
.mojo-zakelijkband .mojo-accent { color: var(--wp--preset--color--amber, #e0a63c); }
.mojo-zakelijkband .wp-block-button .wp-block-button__link {
  background: var(--wp--preset--color--amber, #e0a63c);
  border-color: var(--wp--preset--color--amber, #e0a63c);
  color: var(--wp--preset--color--ink, #4a2c1e);
  padding: 15px 30px !important; font-size: 14px; line-height: normal;
}

/* ---------- Reviews-band ---------- */
.mojo-reviewband { background: var(--wp--preset--color--amber, #e0a63c); }
.mojo-reviewband h2, .mojo-reviewband p { color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-reviewcijfer {
  font-family: var(--wp--preset--font-family--titan, 'Titan One', sans-serif);
  font-size: 52px;
  color: var(--wp--preset--color--ink, #4a2c1e);
  line-height: normal;
}

/* ---------- Artikel / blog ---------- */
.mojo-artikelmeta { gap: 14px; color: var(--wp--preset--color--gedempt); align-items: center; margin-bottom: 8px; font-size: 13px; }
.mojo-auteursblok { padding-top: 24px; margin-top: 32px; gap: 18px; }
.mojo-leesook .wp-block-post-template { gap: 24px; }
.mojo-quotekaart {
  background: #ffffff; border-radius: 16px; padding: 24px 22px; text-align: center;
}
.mojo-quotekaart .mojo-accent { font-size: 17px; line-height: 1.4; }
.mojo-ctabrug {
  background: var(--wp--preset--color--ink, #4a2c1e);
  border-radius: 20px;
  color: #f7efe2;
}
.mojo-ctabrug p { color: #d9c4b2; }
.mojo-ctabrug .mojo-accent { color: var(--wp--preset--color--amber, #e0a63c); }

/* ---------- Winkelwagen & checkout ---------- */
.mojo-gratisbalk {
  background: var(--wp--preset--color--zand, #fdf8ee);
  border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9);
  border-radius: 14px;
  padding: 14px 20px;
  font-size: 13px;
  color: var(--wp--preset--color--tekst);
  margin-bottom: 18px;
}
.mojo-gratisbalk strong { color: var(--wp--preset--color--terracotta); }
.mojo-gratisbalk-meter { background: var(--wp--preset--color--zandlijn, #eadfc9); border-radius: 999px; height: 8px; overflow: hidden; margin-top: 8px; }
.mojo-gratisbalk-meter > span { display: block; background: var(--wp--preset--color--terracotta, #c25e35); height: 8px; border-radius: 999px; }
.mojo-verzenddagregel { display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 13px; color: var(--wp--preset--color--tekst); margin: 4px 0 10px 0; line-height: normal; }
.mojo-verzenddagregel strong { color: var(--wp--preset--color--ink); }

.woocommerce-cart table.cart, .woocommerce table.shop_table {
  background: #ffffff; border: 0; border-radius: 18px; overflow: hidden;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color: var(--wp--preset--color--zandlijn); }
.woocommerce-cart .cart-collaterals .cart_totals { background: #ffffff; border-radius: 20px; padding: 26px 28px; box-sizing: border-box; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
  border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4);
  border-radius: 12px;
  padding: 13px 16px;
  background: #ffffff;
}
.woocommerce-checkout #payment { background: #ffffff; border-radius: 20px; }
.woocommerce-checkout #payment div.payment_box { background: var(--wp--preset--color--zand, #fdf8ee); }

/* ---------- Footer ---------- */
footer:has(> .mojo-footer) { background: var(--wp--preset--color--footer, #4a2c1e); }
.mojo-footer {
  background: var(--wp--preset--color--footer, #4a2c1e);
  color: #d9c4b2;
  padding: 56px 64px 28px 64px;
}
.mojo-footer .mojo-logo img { width: 110px; height: auto; }
.mojo-footer-kolommen { gap: 48px; }
.mojo-footer-intro { font-size: 13px; line-height: 1.7; color: #b59d8a; max-width: 320px; }
.mojo-footer-keur { font-size: 12px; color: var(--wp--preset--color--amber, #e0a63c); font-weight: 700; }
.mojo-footer-bedrijf { font-size: 12px; line-height: 1.8; color: #b59d8a; }
.mojo-footer-bedrijf a { color: #b59d8a; text-decoration: none; }
.mojo-footer-kop { font-weight: 700; color: #f7efe2; font-size: 14px; margin: 0 0 10px 0; }
.mojo-footer-links { display: flex; flex-direction: column; gap: 10px; font-size: 13px; margin: 0; }
.mojo-footer-links a { color: #d9c4b2; }
.mojo-footer-links a:hover { color: #ffffff; }
.mojo-footer-onder {
  border-top: 1px solid #6a4a35;
  margin-top: 40px;
  padding-top: 20px;
  font-size: 12px;
  color: #b59d8a;
  align-items: center;
}
.mojo-footer-onder p { margin: 0; line-height: 1.2; }
.mojo-footer-keur { line-height: 1.2; }
.mojo-footer-legal { display: flex; align-items: center; gap: 16px; }
.mojo-footer-legal a { color: #b59d8a; }
.mojo-footer-legal a:hover { color: #ffffff; }
.mojo-betaalbadge {
  border: 1px solid #6a4a35;
  border-radius: 6px;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 700;
  color: #d9c4b2;
}

/* Zwevende ModernCart-knop uit: de winkelwagen zit in de header. */
.moderncart-floating-cart-button { display: none !important; }
body { overflow-x: clip; }

/* ---------- Mobiel ---------- */
@media (max-width: 1024px) {
  .mojo-topbar { flex-wrap: wrap !important; }
  main > .wp-block-group { padding: 36px 24px; }
  .has-hero-font-size { font-size: 32px !important; }
}
@media (max-width: 700px) {
  header { position: relative; }
  .mojo-topbar { padding: 12px 16px; column-gap: 0 !important; row-gap: 10px !important; }
  .mojo-topbar .mojo-logo { order: 1; flex-grow: 1; display: flex; justify-content: center; padding-left: 40px; }
  .mojo-topbar .mojo-logo img { width: 96px; }
  .mojo-topbar .mojo-account { display: none; }
  .mojo-topbar .mojo-minicart { order: 2; width: 40px; display: flex; justify-content: flex-end; }
  .mojo-topbar .mojo-zoekbalk { order: 3; flex-basis: 100%; }

  /* Hamburger in de bruine balk */
  .mojo-nav, .mojo-navrow { position: static !important; }
  .mojo-nav .wp-block-navigation__responsive-container-open {
    position: absolute; top: 22px; left: 16px; z-index: 20;
    color: #ffffff; padding: 0; background: transparent; border: 0;
  }
  .mojo-nav .wp-block-navigation__responsive-container-open svg { stroke: #ffffff; fill: #ffffff; width: 26px; height: 26px; }

  /* Navregel wordt lichte verzendstrip */
  .mojo-navrow { background: var(--wp--preset--color--zand, #fdf8ee); justify-content: center !important; padding: 8px 12px; gap: 0 !important; }
  .mojo-verzendregel { display: block; font-size: 12px; font-weight: 600; }

  main > .wp-block-group { padding: 28px 16px; }
  .has-hero-font-size { font-size: 28px !important; }
  h2.wp-block-heading { font-size: 21px; }
  ul.products, ul.products.columns-3, ul.products.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .mojo-tegels { gap: 12px; flex-wrap: wrap; }
  .mojo-tegels .wp-block-column { flex-basis: calc(50% - 7px) !important; }
  .mojo-tegels .mojo-kaart img { height: 110px; }
  .mojo-chip { padding: 10px 18px; font-size: 13px; }
  .mojo-herobeeld img { border-radius: 175px 175px 16px 16px; height: 300px; }
  .mojo-footer { padding: 30px 20px 20px 20px; }
  .mojo-footer-onder { gap: 10px; }
  .mojo-verzendstrip { font-size: 12.5px; }

  .wp-block-navigation__responsive-container.is-menu-open { padding: 28px 24px; background: var(--wp--preset--color--creme, #f7efe2) !important; }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 17px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); padding: 10px 0; display: block;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 4px; }
  .wp-block-navigation__responsive-container-close { color: var(--wp--preset--color--terracotta, #c25e35); }
}

/* Kaarten met tekstinhoud (blogteasers e.d.) krijgen binnenruimte; fototegels niet. */
.wp-block-group.mojo-kaart { padding: 22px 26px; }
.mojo-tegels .mojo-kaart { padding: 0; }
.mojo-kaart h3 { margin: 6px 0 0 0; font-size: 17px; line-height: 1.4; }
.mojo-kaart h3 a { color: var(--wp--preset--color--ink); }

/* ---------- Koprijen met "alle"-link ---------- */
.mojo-koprij { align-items: baseline !important; gap: 16px; margin-bottom: 20px; }
.mojo-koprij h2 { margin-bottom: 0; }
.mojo-koplink { margin: 0; font-size: 14px; font-weight: 700; }

/* Productkaarten in grids: geen knop (klik op de kaart gaat naar het product) */
.woocommerce ul.products li.product .button, ul.products li.product .button { display: none !important; }

/* ---------- Infokaarten productpagina ---------- */
.mojo-infokaart { padding: 26px 30px !important; height: 100%; border-radius: 20px; }
.mojo-infokaart h2 { margin: 0 0 16px 0; font-size: 17px !important; }
.mojo-infokaart p { display: flex; align-items: flex-start; gap: 13px; margin: 0 0 16px 0; font-size: 14.5px; color: var(--wp--preset--color--tekst); line-height: 1.55; }
.mojo-infokaart p strong { color: var(--wp--preset--color--ink); }
.mojo-specregel, .mojo-infokaart p.mojo-specregel { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0 0 13px 0 !important; line-height: normal; font-size: 14px; }
.mojo-specregel span { color: var(--wp--preset--color--gedempt); }
.mojo-specregel strong { font-weight: 600; color: var(--wp--preset--color--ink); }

/* ---------- Producttabs als witte kaart ---------- */
.mojo-tabkaart .woocommerce-tabs { background: #ffffff; border-radius: 20px; padding: 0 30px 28px 30px; }
.mojo-tabkaart .woocommerce-tabs ul.tabs, .mojo-tabkaart .wc-tabs {
  list-style: none; margin: 0 0 22px 0; padding: 0;
  display: flex; gap: 6px;
  border-bottom: 2px solid var(--wp--preset--color--zandlijn);
  background: transparent;
}
.mojo-tabkaart .wc-tabs li { background: transparent; border: 0; margin: 0; padding: 0; }
.mojo-tabkaart .wc-tabs li a {
  display: block; padding: 18px 22px; font-size: 15px; font-weight: 600;
  color: var(--wp--preset--color--gedempt);
}
.mojo-tabkaart .wc-tabs li.active a {
  color: var(--wp--preset--color--terracotta);
  font-weight: 700;
  border-bottom: 3px solid var(--wp--preset--color--terracotta);
  margin-bottom: -2px;
}
.mojo-tabkaart .woocommerce-Tabs-panel { max-width: 900px; }
.mojo-tabkaart .woocommerce-Tabs-panel h2:first-child { font-size: 20px; }
.mojo-tabkaart .woocommerce-Tabs-panel p { color: var(--wp--preset--color--tekst); line-height: 1.75; }

.mojo-stap-tekst { display: block; }

/* ---------- Staffeltabel (Woo Discount Rules) ---------- */
.awdr-bulk-customizable-table {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px 20px;
  margin-top: 14px;
}
/* Producten zonder staffel krijgen een lege awdr-kaart mee: verbergen */
.awdr-bulk-customizable-table:not(:has(table)) { display: none; }
/* Kop komt als echte markup via JS (accent in Titan One kan niet in een ::before). */
.mojo-staffelkop {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 8px;
  color: var(--wp--preset--color--ink);
}
.mojo-staffelkop .mojo-accent { font-size: 14px; }
/* Inklapbare staffel (bord ProductStaffel/StaffelOpen) */
.mojo-staffelbadge {
  margin-left: auto; background: var(--wp--preset--color--amber, #e0a63c); color: var(--wp--preset--color--ink, #4a2c1e);
  border-radius: 999px; padding: 4px 11px; font-size: 11px; font-weight: 700; line-height: normal; white-space: nowrap;
}
tr.mojo-staffel-dicht { display: none; }
tr.mojo-staffel-vaag td { opacity: 0.35; }
.mojo-staffel-open tr.mojo-staffel-dicht { display: table-row; }
.mojo-staffel-open tr.mojo-staffel-vaag td { opacity: 1; }
.mojo-staffelknoprij { display: flex; justify-content: center; margin: -8px 0 4px; position: relative; }
.mojo-staffel-open .mojo-staffelknoprij { margin: 10px 0 4px; }
.mojo-staffelknop {
  display: flex; align-items: center; gap: 8px; background: #ffffff; border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4);
  border-radius: 999px; padding: 9px 18px; font-family: inherit; font-size: 13px; font-weight: 700;
  color: var(--wp--preset--color--terracotta, #c25e35); line-height: normal; cursor: pointer;
}
.mojo-staffelknop:hover { border-color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-staffel-open .mojo-staffelknop svg { transform: rotate(180deg); }

/* Productopties (YITH) als bordkaart: keuzekaarten met foto, naam, subregel en meerprijs */
.single-product .yith-wapo-container .yith-wapo-addon {
  background: #ffffff !important; border: 0 !important; border-radius: 16px !important;
  padding: 16px 20px !important; margin: 0 !important;
}
.single-product form.cart .yith-wapo-container { grid-column: 1 / -1; }
/* Bord: optieblok boven de ontwerpknop; alleen op producten met opties */
.single-product form.cart:has(.yith-wapo-option) .yith-wapo-container { grid-row: 1; }
.single-product form.cart:has(.yith-wapo-option) .fpd-secondary-btn { grid-row: 2; }
.single-product form.cart:has(.yith-wapo-option) .quantity,
.single-product form.cart:has(.yith-wapo-option) .single_add_to_cart_button { grid-row: 3; }
.mojo-optiekop { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink); line-height: normal; }
.mojo-optiekop .mojo-accent { font-size: 14px; }
.mojo-optiechip {
  margin-left: auto; background: var(--wp--preset--color--creme, #f7efe2); color: var(--wp--preset--color--gedempt, #8a6f5c);
  border-radius: 999px; padding: 4px 11px; font-size: 11px; font-weight: 700; line-height: normal; white-space: nowrap;
}
.mojo-optiesub { font-size: 12.5px; color: var(--wp--preset--color--gedempt, #8a6f5c); margin: 3px 0 12px 0; line-height: normal; }
.single-product .yith-wapo-container .options.per-row-2,
.single-product .yith-wapo-container .options { display: block !important; }
.single-product .yith-wapo-option {
  display: block; margin: 0 0 10px 0 !important; width: 100% !important;
}
.single-product .yith-wapo-option:last-child { margin-bottom: 0 !important; }
.single-product .yith-wapo-option .product-container {
  display: flex !important; align-items: center; gap: 13px; cursor: pointer;
  border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); background: #ffffff;
  border-radius: 14px; padding: 10px 14px; margin: 0 !important;
}
.single-product .yith-wapo-option .product-container::before {
  content: ""; width: 22px; height: 22px; flex-shrink: 0; box-sizing: border-box;
  border-radius: 999px; border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); background: transparent;
}
.single-product .yith-wapo-option:has(.yith-wapo-option-value:checked) .product-container,
.single-product .yith-wapo-option.selected .product-container {
  border-color: var(--wp--preset--color--terracotta, #c25e35); background: #fdf8ee;
}
.single-product .yith-wapo-option:has(.yith-wapo-option-value:checked) .product-container::before,
.single-product .yith-wapo-option.selected .product-container::before {
  border-color: var(--wp--preset--color--terracotta, #c25e35);
  background: var(--wp--preset--color--terracotta, #c25e35)
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff7ec" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12.5l5.5 5.5L20 7"/></svg>')
    center / 12px 12px no-repeat;
}
.single-product .yith-wapo-option .product-image { width: 48px; flex-shrink: 0; margin: 0 !important; }
.single-product .yith-wapo-option .product-image img {
  width: 48px !important; height: 48px !important; object-fit: cover; border-radius: 10px; display: block;
}
.single-product .yith-wapo-option .product-info { flex-grow: 1; display: flex !important; align-items: center; gap: 13px; margin: 0 !important; }
.mojo-optienaam { display: block; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink); line-height: normal; }
.mojo-optieregel { display: block; font-size: 12px; color: var(--wp--preset--color--gedempt, #8a6f5c); line-height: normal; margin-top: 2px; }
.single-product .yith-wapo-option .option-price {
  margin-left: auto; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink); white-space: nowrap;
}
.single-product .yith-wapo-option .option-price::before { content: "+ "; }
.single-product .yith-wapo-option .option-price .amount { font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink); }
.single-product .yith-wapo-option .option-add-to-cart { display: none; }
/* YITH's eigen groene hoekvinkje uit: wij tonen de selectie met rand en vinkcirkel */
.single-product .yith-wapo-option .product-container::after { display: none !important; content: none !important; }
.mojo-optietotaal {
  display: flex; align-items: baseline; gap: 10px; border-top: 2px solid var(--wp--preset--color--zandlijn, #eadfc9);
  margin-top: 13px; padding-top: 11px; line-height: normal;
}
.mojo-optietotaal-label { font-size: 12px; color: var(--wp--preset--color--gedempt, #8a6f5c); }
.mojo-optietotaal-woord { margin-left: auto; font-size: 13px; color: var(--wp--preset--color--gedempt, #8a6f5c); }
.mojo-optietotaal strong { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--ink); }
table.wdr_bulk_table_msg { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 13.5px; margin: 0; }
table.wdr_bulk_table_msg th { padding: 6px 12px; border: 0; text-align: left; }
table.wdr_bulk_table_msg th span { font-size: 11px; font-weight: 700; color: var(--wp--preset--color--gedempt); letter-spacing: 0.04em; text-transform: uppercase; }
/* Kolomverhouding bord: 1.1fr / 1fr / 0.8fr */
table.wdr_bulk_table_msg th#customize-bulk-table-range { width: 38%; }
table.wdr_bulk_table_msg th#customize-bulk-table-discount { width: 34.5%; }
table.wdr_bulk_table_msg th.mojo-kortingkop { width: 27.5%; }
table.wdr_bulk_table_msg td { padding: 9px 12px; border: 0; color: var(--wp--preset--color--ink); font-weight: 400; }
table.wdr_bulk_table_msg td.wdr_bulk_table_discount { font-weight: 700; }
table.wdr_bulk_table_msg td:last-child { font-weight: 700; color: var(--wp--preset--color--ink); }
table.wdr_bulk_table_msg tr:nth-child(odd) td { background: var(--wp--preset--color--creme, #f7efe2); }
table.wdr_bulk_table_msg tr td:first-child { border-radius: 8px 0 0 8px; }
table.wdr_bulk_table_msg tr td:last-child { border-radius: 0 8px 8px 0; }
.awdr-bulk-customizable-table::after {
  content: "Per stuk, incl. btw en gravure. Vanaf 50 euro verzenden we gratis.";
  display: block;
  font-size: 11.5px;
  color: var(--wp--preset--color--gedempt);
  margin-top: 8px;
}

/* Breadcrumb strak onder de topbar (bord: 20px desktop, 14px mobiel via main-padding) */
.single-product main.wp-block-group { margin-top: 0 !important; }
.single-product main .woocommerce-breadcrumb { margin-top: 0 !important; margin-bottom: 0 !important; }
@media (max-width: 700px) {
  .single-product main.wp-block-group { padding-top: 14px !important; }
}

/* Archivo variabel font maakt van bold-in-bold 900; het bord kent alleen 700. */
strong, b { font-weight: 700; }

/* Winkelwagenregel als bordkaart: foto, naam, stepper-pill, prijs, kruisje (desktop) */
@media (min-width: 701px) {
  .woocommerce-cart .mojo-cartpagina table.cart { border: 0; background: transparent; }
  .woocommerce-cart .mojo-cartpagina table.cart thead { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart tbody { display: block; }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item {
    display: grid; grid-template-columns: 76px 1fr auto 70px 20px; gap: 18px; align-items: center;
    background: #ffffff; border-radius: 18px; padding: 20px 24px; margin-bottom: 14px;
  }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td {
    display: block; padding: 0 !important; border: 0; background: transparent;
  }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td { grid-row: 1; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-thumbnail { grid-column: 1; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-thumbnail img { width: 76px; height: 76px !important; object-fit: cover; border-radius: 12px; display: block; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-name { grid-column: 2; font-size: 15px; font-weight: 700; text-align: left !important; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-name a { color: var(--wp--preset--color--ink); }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td.product-price { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-quantity { grid-column: 3; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal { grid-column: 4; text-align: right; font-size: 15px; font-weight: 700; color: var(--wp--preset--color--ink); }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal del { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal ins { text-decoration: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-remove { grid-column: 5; }
  .woocommerce-cart .mojo-cartpagina table.cart tr:last-child td.actions { display: block; background: transparent; padding: 4px 0 0 0 !important; border: 0; }
}
/* Kruisje zoals het bord: gedempt, geen rode cirkel */
.woocommerce-cart table.cart a.remove { color: var(--wp--preset--color--gedempt) !important; font-size: 18px; font-weight: 400; width: auto; height: auto; line-height: 1; }
.woocommerce-cart table.cart a.remove:hover { background: transparent; color: var(--wp--preset--color--terracotta) !important; }
/* Aantal-stepper als bordpill */
.woocommerce-cart .mojo-cartpagina .quantity {
  display: flex; align-items: center; gap: 12px; margin: 0;
  border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px; padding: 8px 14px;
  font-size: 14px; font-weight: 700; background: #ffffff;
}
.woocommerce-cart .mojo-cartpagina .quantity .qty {
  border: 0; width: 2.4ch; padding: 0; text-align: center; font-size: 14px; font-weight: 700;
  background: transparent; -moz-appearance: textfield; appearance: textfield;
}
.woocommerce-cart .mojo-cartpagina .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart .mojo-cartpagina .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mojo-qstap { background: none; border: 0; padding: 0; color: var(--wp--preset--color--gedempt); font-size: 14px; font-weight: 700; cursor: pointer; line-height: 1; }
.mojo-qstap:hover { color: var(--wp--preset--color--terracotta); }
/* Live staffelprijs op de productpagina: noot inline achter de prijs, licht font */
.mojo-staffelnoot { margin-left: 10px; font-size: 13px; font-weight: 300; letter-spacing: normal; color: var(--wp--preset--color--gedempt, #8a6f5c); white-space: nowrap; }

/* ---------- Mobiel menu (bord MobielMenu) ---------- */
.mojo-mobielmenu {
  position: fixed; inset: 0; z-index: 99999; background: #f7efe2;
  display: flex; flex-direction: column;
}
.mojo-mobielmenu[hidden] { display: none !important; }
body.mojo-menu-open { overflow: hidden; }
.mojo-mobielmenu-kop {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--wp--preset--color--footer, #4a2c1e); padding: 14px 20px; flex-shrink: 0;
}
.mojo-menusluit { background: none; border: 0; padding: 0; cursor: pointer; line-height: 0; }
.mojo-mobielmenu-logo { line-height: 0; }
.mojo-mobielmenu-logo img { width: 96px; height: auto; filter: brightness(0) invert(1); }
.mojo-mobielmenu-cart { line-height: 0; }
.mojo-mobielmenu-scroll { flex-grow: 1; overflow-y: auto; padding: 0 20px; }
.mojo-mobielmenu-zoek { padding: 16px 0 4px; }
.mojo-mobielmenu-zoek form {
  display: flex; align-items: center; gap: 10px; background: #ffffff;
  border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); border-radius: 999px; padding: 12px 18px; margin: 0;
}
.mojo-mobielmenu-zoek svg { flex-shrink: 0; }
.mojo-mobielmenu-zoek input[type="search"] {
  border: 0; background: transparent; padding: 0; margin: 0; width: 100%;
  font-family: inherit; font-size: 14px; color: var(--wp--preset--color--ink); outline: none;
}
.mojo-mobielmenu-zoek input[type="search"]::placeholder { color: var(--wp--preset--color--gedempt, #8a6f5c); }
.mojo-mobielmenu-label {
  font-size: 12px; font-weight: 700; color: var(--wp--preset--color--gedempt, #8a6f5c);
  letter-spacing: 0.05em; text-transform: uppercase; margin: 18px 0 4px;
}
.mojo-mobielmenu-label-momenten { margin: 14px 0 10px; }
.mojo-mobielmenu-rij {
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 0; border-bottom: 1px solid var(--wp--preset--color--zandlijn, #eadfc9);
  font-size: 16px; font-weight: 700; color: var(--wp--preset--color--ink) !important; line-height: normal;
}
.mojo-mobielmenu-rij:last-of-type { border-bottom: 0; }
.mojo-mobielmenu-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.mojo-mobielmenu-chip {
  background: var(--wp--preset--color--amber, #e0a63c); color: var(--wp--preset--color--ink, #4a2c1e) !important;
  border-radius: 999px; padding: 9px 16px; font-size: 13px; font-weight: 700; line-height: normal;
}
.mojo-mobielmenu-chip-alle { background: #ffffff; border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); padding: 7px 16px; }
.mojo-mobielmenu-service { margin-top: 16px; }
.mojo-mobielmenu-servicerij {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 0; border-top: 1px solid var(--wp--preset--color--zandlijn, #eadfc9);
  font-size: 14px; font-weight: 600; color: var(--wp--preset--color--tekst, #6d5240) !important; line-height: normal;
}
/* Trustregel (roterend) bovenin het menu, direct onder de zoekbalk */
.mojo-mobielmenu-trust {
  position: relative; text-align: center; margin: 12px 0 2px;
  font-size: 12.5px; color: var(--wp--preset--color--tekst, #6d5240); line-height: normal;
}
.mojo-mobielmenu-trust .mojo-rotatie { display: block; animation: mojo-rotatie 8s ease-in-out infinite; }
.mojo-mobielmenu-trust .mojo-rotatie-2 { position: absolute; top: 0; left: 0; right: 0; animation-delay: -4s; }
.mojo-mobielmenu-trust svg { width: 15px; height: 15px; vertical-align: -3px; }
.mojo-mobielmenu-trust strong { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-mobielmenu-punt { color: var(--wp--preset--color--zandrand, #d9c9b4); }
/* Alleen mobiel; de kale WP-overlay nooit tonen */
@media (min-width: 701px) {
  .mojo-mobielmenu { display: none !important; }
}
@media (max-width: 700px) {
  .mojo-nav .wp-block-navigation__responsive-container.is-menu-open { display: none !important; }
}

/* Actieve categorie in het menu (bord: terracotta) */
.mojo-menu-actief > a, .mojo-menu-actief .wp-block-navigation-item__content { color: var(--wp--preset--color--terracotta) !important; }

/* Logo wit op bruine topbar */
.mojo-topbar .mojo-logo img { filter: brightness(0) invert(1); }

/* Sterren: Woo-sterrenfont laadt niet in blokthema, vervang door echte sterren */
.wc-block-components-product-rating__stars::before,
.wc-block-components-product-rating__stars span::before,
.star-rating::before,
.star-rating span::before {
  content: "\2605\2605\2605\2605\2605" !important;
  font-family: inherit !important;
  letter-spacing: 2px;
}
.wc-block-components-product-rating__stars::before,
.star-rating::before { color: var(--wp--preset--color--zandrand); }
.wc-block-components-product-rating__stars span::before,
.star-rating span::before { color: var(--wp--preset--color--amber); }

/* Productpagina fijnslijpen naar bord */
.single-product h1.wp-block-post-title { font-size: 34px !important; margin-bottom: 6px; }
.single-product .wp-block-woocommerce-product-price { font-size: 30px; }
.mojo-sterren { margin: 0 0 4px; font-size: 13px; color: var(--wp--preset--color--tekst); }
.mojo-sterren-ster { color: var(--wp--preset--color--amber); letter-spacing: 2px; }
.mojo-infokaart .mojo-stap-nr { width: 30px; height: 30px; font-size: 14px; flex-shrink: 0; }
.mojo-korte-omschrijving { color: var(--wp--preset--color--tekst); }
.single-product p.stock.in-stock { display: none; }

/* Knoppenrij productpagina: aantal-pill + brede outline-knop (bord) */
.single-product form.cart { display: flex !important; flex-wrap: wrap; gap: 12px; align-items: center; }
.single-product form.cart .fpd-secondary-btn, .single-product form.cart .yith-wapo-container { flex: 1 1 100%; }
.single-product form.cart .quantity { flex: 0 0 auto; margin: 0; }
.single-product form.cart .quantity .qty { width: 54px; text-align: center; font-weight: 700; }
.single-product form.cart .single_add_to_cart_button { flex: 1 1 auto; }

/* Galerij: hoofdfoto boogloze radius, thumbs 86px met actieve rand (bord) */
/* Woo verbergt de galerij (opacity 0) tot de slider start; zonder die start bleef hij onzichtbaar. */
.woocommerce-product-gallery { opacity: 1 !important; }
.woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:not(:first-child) { display: none; }
.woocommerce-product-gallery .flex-viewport, .woocommerce-product-gallery__wrapper { border-radius: 24px; overflow: hidden; }
.woocommerce-product-gallery ol.flex-control-thumbs { display: flex; gap: 0; margin: 14px 0 0; padding: 0; list-style: none; }
.woocommerce-product-gallery ol.flex-control-thumbs li { float: none !important; width: auto !important; margin: 0 !important; }
.woocommerce-product-gallery ol.flex-control-thumbs li img {
  width: 86px !important; height: 86px !important; object-fit: cover; border-radius: 12px;
  opacity: 1 !important; border: 3px solid transparent; box-sizing: border-box;
}
.woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active { border-color: var(--wp--preset--color--terracotta); }
.single-product form.cart .quantity .qty { height: 53px; border-radius: 999px; box-sizing: border-box; font-size: 15px; }
.single-product .single_add_to_cart_button { text-transform: none !important; }

/* Lees reviews-knop in mosterdgele reviewband */
.mojo-reviewknop a {
  display: inline-block; border: 2px solid var(--wp--preset--color--ink); color: var(--wp--preset--color--ink);
  border-radius: 999px; font-size: 14px; font-weight: 700; padding: 12px 26px; white-space: nowrap; line-height: normal;
}
.mojo-reviewknop a:hover { background: var(--wp--preset--color--ink); color: #ffffff; }
.mojo-tegels .mojo-kaart figure a { display: block; width: 100%; }

/* Filterbalk categorie: teltekst + sorteer-pill (bord) */
.mojo-filterbalk { align-items: center; margin-bottom: 20px; }
.mojo-filterbalk .woocommerce-result-count, .mojo-filterbalk .wc-block-product-results-count p { font-size: 14px; color: var(--wp--preset--color--gedempt); margin: 0; line-height: normal; }
.mojo-filterbalk .woocommerce-ordering { margin: 0; }
.mojo-filterbalk .woocommerce-ordering select, .mojo-filterbalk .wc-block-catalog-sorting select {
  border: 2px solid var(--wp--preset--color--zandrand); background-color: #ffffff; border-radius: 999px;
  padding: 10px 40px 10px 20px; font-size: 13px; font-weight: 600; color: var(--wp--preset--color--ink);
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a2c1e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center;
}
.mojo-cathero-usps { gap: 24px !important; margin-top: 14px; }
.mojo-cathero-usps p { color: var(--wp--preset--color--tekst); margin: 0; }

/* ---------- Winkelwagenpagina (bord) ---------- */
.mojo-cartpagina { padding: 22px 40px 64px 40px; }
.mojo-cartinner { max-width: 1180px; margin: 0 auto; }
/* Layout-contentSize (1000) mag de cart/checkout-grids niet afknijpen (bord: 1180). */
.mojo-cartinner .woocommerce, .mojo-checkoutinner form.checkout, .mojo-checkoutinner .woocommerce { max-width: none !important; }
.mojo-cartinner .mojo-gratisbalk, .mojo-carttitel { max-width: calc(58.333% - 18px); }
.mojo-carttitel { font-size: 30px; margin: 0 0 18px 0; }
.mojo-gratisbalk-regel { display: flex; justify-content: space-between; gap: 16px; line-height: normal; }
.mojo-gratisbalk-doel { color: var(--wp--preset--color--gedempt); }
.mojo-gratisbalk .woocommerce-Price-amount { color: inherit; }
.mojo-gratisbalk-regel strong .woocommerce-Price-amount, .mojo-gratisbalk-regel strong { color: var(--wp--preset--color--terracotta); }

.woocommerce-cart .mojo-cartpagina .woocommerce {
  display: grid; grid-template-columns: 7fr 5fr; gap: 44px; align-items: start;
}
.woocommerce-cart .mojo-cartpagina .woocommerce-notices-wrapper { grid-column: 1 / -1; grid-row: 1; }
.woocommerce-cart .mojo-cartpagina .woocommerce-cart-form { grid-column: 1; grid-row: 2; }
.woocommerce-cart .mojo-cartpagina .cart-collaterals { grid-column: 2; grid-row: 2; align-self: start; width: 100%; float: none; }

.woocommerce-cart table.cart td, .woocommerce-cart table.cart th { padding: 14px 12px; }
.woocommerce-cart table.cart thead { display: none; }
.woocommerce-cart table.cart img { width: 76px; height: 76px; object-fit: cover; border-radius: 12px; }
.woocommerce-cart table.cart td.product-name { font-weight: 700; font-size: 15px; }
.woocommerce-cart table.cart td.product-name dl.variation, .woocommerce-cart table.cart td.product-name .wc-item-meta { font-size: 12.5px; color: var(--wp--preset--color--gedempt); font-weight: 400; }
/* De stepper-pill levert de rand; de inner input blijft kaal (anders een dubbel rondje) */
.woocommerce-cart table.cart .quantity .qty { border: 0; padding: 0; width: 2.4ch; text-align: center; font-weight: 700; background: transparent; }
.woocommerce-cart table.cart td.product-remove a.remove { color: var(--wp--preset--color--gedempt) !important; background: transparent; font-size: 22px; }
.woocommerce-cart table.cart td.product-remove a.remove:hover { color: var(--wp--preset--color--terracotta) !important; background: transparent; }
.woocommerce-cart table.cart td.actions { padding: 14px 20px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px; padding: 10px 16px; width: 160px; }
.woocommerce-cart table.cart td.actions .button { background: transparent; color: var(--wp--preset--color--ink); border: 2px solid var(--wp--preset--color--zandrand); }

.woocommerce-cart .cart_totals h2 { font-size: 18px; margin: 0 0 14px 0; }
.woocommerce-cart .cart_totals table.shop_table { border-radius: 0; }
.woocommerce-cart .cart_totals table th { font-weight: 400 !important; color: var(--wp--preset--color--tekst); font-size: 14px; border: 0; padding: 3px 0 !important; line-height: normal; }
.woocommerce-cart .cart_totals table td { border: 0; padding: 3px 0; text-align: right; font-size: 14px; line-height: normal; }
/* Bord toont geen btw-bijschrift in de totalenkaart */
.woocommerce-cart .cart_totals .order-total .includes_tax, #order_review .order-total .includes_tax { display: none; }
.woocommerce-cart .cart_totals table tr.order-total th { font-weight: 700 !important; color: var(--wp--preset--color--ink); font-size: 17px; }
.woocommerce-cart .wc-proceed-to-checkout { margin: 0; padding: 14px 0 0; }
.woocommerce-shipping-methods li { line-height: normal; margin: 0; }
.woocommerce-shipping-methods label { line-height: normal; }
.woocommerce-cart .cart_totals table tr.order-total td .amount { font-family: var(--wp--preset--font-family--titan); font-weight: 400; color: var(--wp--preset--color--terracotta); font-size: 20px; }
.woocommerce-cart .wc-proceed-to-checkout { padding: 0; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: var(--wp--preset--color--terracotta); border-radius: 999px; font-size: 15px; padding: 16px; margin-bottom: 0; line-height: normal; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--wp--preset--color--bordeaux-hover); }
.mojo-verderwinkelen { text-align: center; margin: 12px 0 0 0; font-size: 13px; font-weight: 600; }
.mojo-carttrust { text-align: center; margin: 14px 0 0 0; font-size: 12px; color: var(--wp--preset--color--gedempt); }

.mojo-aanvullers { margin-top: 24px; }
.mojo-aanvullers-kop { font-size: 15px; font-weight: 700; margin: 0 0 12px 0; line-height: normal; }
.mojo-aanvullers-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mojo-aanvuller { background: #ffffff; border-radius: 14px; padding: 14px 16px; display: flex; gap: 13px; align-items: center; }
.mojo-aanvuller img { width: 52px; height: 52px; object-fit: cover; border-radius: 10px; flex-shrink: 0; }
.mojo-aanvuller-info { flex-grow: 1; display: flex; flex-direction: column; }
.mojo-aanvuller-naam { font-size: 13px; font-weight: 700; line-height: 1.35; }
.mojo-checkoutstappen p, .mojo-checkoutstappen { line-height: 1.2; }
.mojo-aanvuller-prijs, .mojo-aanvuller-prijs .amount { font-family: var(--wp--preset--font-family--titan); font-size: 13.5px; color: var(--wp--preset--color--terracotta); }
.mojo-aanvuller-knop { border: 2px solid var(--wp--preset--color--ink); color: var(--wp--preset--color--ink); border-radius: 999px; padding: 7px 14px; font-size: 12px; font-weight: 700; white-space: nowrap; line-height: normal; }
.mojo-aanvuller-knop:hover { border-color: var(--wp--preset--color--terracotta); color: var(--wp--preset--color--terracotta); }
/* Overzicht-kaart: verzendmeldingen compact */
.woocommerce-cart .cart_totals .woocommerce-shipping-destination { display: none; }
.woocommerce-cart .cart_totals .woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; text-align: right; font-size: 14px; }
.woocommerce-cart .cart_totals td[data-title] p { margin: 4px 0 0 0; font-size: 11.5px; color: var(--wp--preset--color--gedempt); }
.woocommerce-cart .cart_totals .tax-rate td, .woocommerce-cart .cart_totals .order-total .includes_tax { font-size: 11.5px; color: var(--wp--preset--color--gedempt); font-family: var(--wp--preset--font-family--archivo); }
.woocommerce-cart .cart_totals .order-total .includes_tax .amount { font-family: var(--wp--preset--font-family--archivo); font-size: 11.5px; color: var(--wp--preset--color--gedempt); }
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; float: none; }
.mojo-cartpagina { padding-top: 0 !important; }
main.mojo-cartpagina { margin-top: 22px !important; }
.mojo-cartinner > * + * { margin-block-start: 18px; }
.mojo-cartinner .mojo-carttitel { margin: 18px 0 0 0; }
.woocommerce-cart table.cart td.product-name a { color: var(--wp--preset--color--ink); }
.woocommerce-cart table.cart td.product-name a:hover { color: var(--wp--preset--color--terracotta); }

/* ---------- Checkout (bord) ---------- */
.mojo-checkoutkop { display: flex; align-items: center; justify-content: center; padding: 20px 64px; border-bottom: 2px solid var(--wp--preset--color--zandlijn); position: relative; background: var(--wp--preset--color--creme); }
.mojo-checkoutkop-terug { position: absolute; left: 64px; margin: 0; font-size: 13px; }
.mojo-checkoutkop-terug a { color: var(--wp--preset--color--gedempt); }
.mojo-checkoutkop-veilig { position: absolute; right: 64px; margin: 0; font-size: 12px; color: var(--wp--preset--color--tekst); }
.mojo-checkoutlogo img { width: 104px; height: auto; }
.mojo-checkoutstappen { display: flex; justify-content: center; gap: 34px; padding: 22px 0 8px 0; margin: 0; font-size: 13px; }
.mojo-checkoutstappen a, .mojo-checkoutstappen span { color: var(--wp--preset--color--gedempt); }
.mojo-checkoutstappen .mojo-stap-actief { font-weight: 700; color: var(--wp--preset--color--terracotta); }
.mojo-checkoutinner { max-width: 1180px; margin: 0 auto; padding: 22px 40px 64px 40px; }
.mojo-checkoutvoet { border-top: 2px solid var(--wp--preset--color--zandlijn); padding: 18px 64px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: var(--wp--preset--color--gedempt); }
.mojo-checkoutvoet p { margin: 0; }
.mojo-checkoutvoet a { color: var(--wp--preset--color--gedempt); margin-left: 16px; }

.woocommerce-checkout form.checkout { display: grid; grid-template-columns: 7fr 5fr; gap: 22px 44px; align-items: start; }
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; }
.woocommerce-checkout form.checkout .mojo-betaalkaart { grid-column: 1; }
.woocommerce-checkout form.checkout #order_review_heading, .woocommerce-checkout form.checkout #order_review { grid-column: 2; }
.woocommerce-checkout form.checkout > #place_order { grid-column: 2; }
/* Rechterkolom (JS-wrapper): bestelkaart, verzendkaartje en trustregel als stapel */
.woocommerce-checkout form.checkout > .mojo-checkoutrechts { grid-column: 2; grid-row: 1 / span 2; align-self: start; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 20px; }
.woocommerce-checkout form.checkout > .mojo-checkoutrechts .mojo-checkout-verzendkaart { margin-top: 0; }
.woocommerce-checkout form.checkout > .mojo-checkoutrechts .mojo-carttrust { margin-top: 0; }
/* Fallback zonder JS: kolom 2 via auto-placement */
.woocommerce-checkout form.checkout > .mojo-checkout-verzendkaart, .woocommerce-checkout form.checkout > .mojo-carttrust { grid-column: 2; }

.mojo-kaartkop { font-size: 18px; font-weight: 700; margin: 0 0 14px 0; color: var(--wp--preset--color--ink); line-height: normal; }
#customer_details .col-1 { background: #ffffff; border-radius: 20px; padding: 28px 32px; width: 100%; float: none; }
#customer_details .col-2 { width: 100%; float: none; }
#customer_details .col-1 h3, #order_review_heading { display: none; }
#customer_details .col-2 h3 { margin: 0; }
#customer_details .col-2 h3 label { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--ink); cursor: pointer; }
.woocommerce-checkout .woocommerce-billing-fields h3 { display: none; }
.mojo-betaalkaart { background: #ffffff; border-radius: 20px; padding: 28px 32px; }
.woocommerce-checkout .mojo-betaalkaart #payment { background: transparent; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { border: 0; padding: 0; }
.woocommerce-checkout #payment ul.payment_methods li { border: 2px solid var(--wp--preset--color--zandrand); border-radius: 14px; padding: 13px 18px; margin-bottom: 12px; list-style: none; background: #ffffff; }
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) { border-color: var(--wp--preset--color--terracotta); background: var(--wp--preset--color--zand); }
.woocommerce-checkout #payment ul.payment_methods li label { font-size: 14.5px; font-weight: 700; display: inline; }
.woocommerce-checkout #payment div.payment_box { background: var(--wp--preset--color--zand); border-radius: 10px; }
.woocommerce-checkout #payment div.form-row.place-order { padding: 12px 0 0 0; }
.woocommerce-checkout .button#place_order { width: 100%; background: var(--wp--preset--color--terracotta); border-radius: 999px; font-size: 15px; padding: 16px; line-height: normal; box-sizing: border-box; margin: 14px 0 0; }
/* Bord: betaalrijen zonder uitlegtekst en zonder account-checkbox */
#payment div.payment_box > p:first-child { display: none; }
/* Box met alleen die uitleg-p is leeg: helemaal weg (scheelt een loze zandbalk in de kaart) */
#payment div.payment_box:has(> p:first-child:last-child) { display: none !important; }
/* Betaal-radio's: de betaalplugin tekent de bolletjes als Font Awesome-glyphs op
   label::before; we kleuren alleen die glyphs (zand ongeselecteerd, terracotta geselecteerd). */
#payment ul.payment_methods > li.wc_payment_method > label::before { color: var(--wp--preset--color--zandrand, #d9c9b4) !important; font-size: 16px !important; }
#payment ul.payment_methods > li.wc_payment_method:has(input:checked) > label::before { color: var(--wp--preset--color--terracotta, #c25e35) !important; }
.woocommerce-account-fields { display: none; }
.woocommerce-checkout .button#place_order:hover { background: var(--wp--preset--color--bordeaux-hover); }
/* Bord: totaalregel compact, klein voetje op de checkout */
#order_review tr.order-total th, #order_review tr.order-total td { padding: 4px 0 0; line-height: normal; }
.mojo-checkoutvoet-links a { font-size: 12px; color: var(--wp--preset--color--gedempt); }
.mojo-checkoutvoet p { line-height: 1.3; }

#order_review { background: #ffffff; border-radius: 20px; padding: 26px 28px; }
#order_review table.shop_table { border-radius: 0; background: transparent; }
#order_review table.shop_table th, #order_review table.shop_table td { border: 0; padding: 8px 0; font-size: 14px; }
#order_review table.shop_table thead { display: none; }
#order_review .mojo-review-thumb { width: 62px; height: 62px; object-fit: cover; border-radius: 10px; vertical-align: middle; margin-right: 12px; }
#order_review .mojo-review-naam { font-weight: 700; font-size: 14px; }
#order_review td.product-name { display: flex; align-items: center; gap: 0; color: var(--wp--preset--color--ink); }
#order_review tfoot th { font-weight: 400; color: var(--wp--preset--color--tekst); }
#order_review tfoot td { text-align: right; }
#order_review tr.order-total th { font-weight: 700; color: var(--wp--preset--color--ink); font-size: 17px; }
#order_review tr.order-total td .amount { font-family: var(--wp--preset--font-family--titan); font-weight: 400; color: var(--wp--preset--color--terracotta); font-size: 20px; }
#order_review .woocommerce-shipping-destination { display: none; }
#order_review tr.cart-subtotal td, #order_review tr.woocommerce-shipping-totals td { font-size: 14px; }
#order_review tr.cart-subtotal th, #order_review tr.cart-subtotal td,
#order_review tr.woocommerce-shipping-totals th, #order_review tr.woocommerce-shipping-totals td { padding: 3px 0; line-height: normal; }
#order_review tr.cart-subtotal th, #order_review tr.woocommerce-shipping-totals th { font-weight: 400; color: var(--wp--preset--color--tekst); }

.mojo-checkout-verzendkaart { display: flex; align-items: center; gap: 10px; background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zandlijn); border-radius: 14px; padding: 13px 16px; font-size: 12.5px; color: var(--wp--preset--color--tekst); margin-top: 16px; }
.mojo-checkout-verzendkaart strong { color: var(--wp--preset--color--terracotta); }
.woocommerce-checkout .mojo-carttrust { margin-top: 14px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .woocommerce-form-login-toggle { max-width: 1180px; margin: 0 auto 12px auto; }
#customer_details .col-1, #customer_details .col-2, .mojo-betaalkaart, #order_review { box-sizing: border-box; }
.mojo-checkoutlogo { margin: 0; }
.mojo-checkoutlogo img { display: block; }
.woocommerce-checkout .woocommerce-info { background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zandlijn); border-radius: 14px; color: var(--wp--preset--color--tekst); border-top: 1px solid var(--wp--preset--color--zandlijn); }
.woocommerce-checkout .woocommerce-info::before { color: var(--wp--preset--color--terracotta); }
#order_review td.product-total { text-align: right; font-weight: 700; }
#order_review .product-quantity { font-weight: 600; color: var(--wp--preset--color--gedempt); margin-left: 6px; }
#order_review tr.order-total td .includes_tax, #order_review tr.order-total td small { font-family: var(--wp--preset--font-family--archivo); font-size: 11.5px; color: var(--wp--preset--color--gedempt); }
#order_review tr.order-total td .includes_tax .amount { font-family: var(--wp--preset--font-family--archivo); font-size: 11.5px; color: var(--wp--preset--color--gedempt); }
.woocommerce-checkout .woocommerce-info { background: var(--wp--preset--color--zand) !important; border: 1px solid var(--wp--preset--color--zandlijn) !important; border-radius: 14px !important; color: var(--wp--preset--color--tekst) !important; }
.woocommerce-checkout .woocommerce-info::before { color: var(--wp--preset--color--terracotta) !important; }
#customer_details .col-2 { background: #ffffff; border-radius: 20px; padding: 24px 32px; margin-top: 22px; }
#customer_details .col-2:empty, #customer_details .col-2:not(:has(input, select, textarea)) { display: none; }
.woocommerce form .form-row textarea { min-height: 96px; border: 2px solid var(--wp--preset--color--zandrand) !important; border-radius: 12px !important; }
.woocommerce-checkout #payment div.payment_box::before { display: none; }

/* ---------- Blogartikel (bord) ---------- */
.mojo-artikeltitel { font-size: 40px; line-height: 1.16; margin: 6px 0 0 0; }
.mojo-artikelmeta { display: flex; gap: 10px; font-size: 13px; color: var(--wp--preset--color--gedempt); margin: 10px 0 0 0; }
.single-post .rank-math-breadcrumb, .single-post .rank-math-breadcrumb a { font-size: 12px; color: var(--wp--preset--color--gedempt); }
.single-post .rank-math-breadcrumb .last { color: var(--wp--preset--color--ink); font-weight: 600; }
.single-post .entry-content h2, .single-post .wp-block-post-content h2 { font-size: 24px; margin: 26px 0 8px 0; }
.single-post .wp-block-post-content p { font-size: 15px; line-height: 1.8; color: var(--wp--preset--color--tekst); }

.mojo-quote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 12px 0; }
.mojo-quotekaart { background: #ffffff; border-radius: 16px; padding: 24px 22px; text-align: center; }
.mojo-quotekaart .mojo-quote { font-family: var(--wp--preset--font-family--titan); font-size: 17px; color: var(--wp--preset--color--terracotta); line-height: 1.4; display: block; }
.mojo-quotekaart .mojo-quote-sub { font-size: 12px; color: var(--wp--preset--color--gedempt); margin-top: 8px; display: block; line-height: 1.15; }

.mojo-ctabrug-artikel { background: var(--wp--preset--color--ink, #4a2c1e); border-radius: 20px; padding: 30px 34px; display: flex; align-items: center; gap: 28px; margin: 26px 0 6px 0; }
.mojo-ctabrug-artikel img { width: 130px; height: 100px; object-fit: cover; border-radius: 12px; flex-shrink: 0; }
.mojo-ctabrug-tekst { flex-grow: 1; }
.mojo-ctabrug-kop { font-size: 18px; font-weight: 700; color: #f7efe2; margin: 0 0 5px 0; }
.mojo-ctabrug-kop .mojo-accent { color: var(--wp--preset--color--amber); }
.mojo-ctabrug-tekst p:not(.mojo-ctabrug-kop) { font-size: 13.5px !important; color: #d9c4b2 !important; line-height: 1.6; margin: 0; }
.mojo-ctabrug-knop { background: var(--wp--preset--color--amber); color: var(--wp--preset--color--ink) !important; border-radius: 999px; font-size: 14px; font-weight: 700; padding: 14px 26px; white-space: nowrap; line-height: normal; }
.mojo-ctabrug-knop:hover { background: #d1972e; }
.mojo-leesook h2 { font-size: 22px !important; }
.mojo-leesook .mojo-kaart h3 { margin: 6px 0 0 0; line-height: 1.4; }
.mojo-leesook .mojo-kaart h3 a { color: var(--wp--preset--color--ink); }

/* ---------- Infopagina's (borden Over/Contact/Zakelijk/FAQ) ---------- */
.mojo-infopagina { padding-bottom: 0; }
/* Bord FAQ-pagina: groepkoppen 21px, intro in tekstbruin */
.mojo-faqpagina h2 { font-size: 21px !important; line-height: normal; }
.mojo-faqpagina h1 + p { color: var(--wp--preset--color--tekst); }
/* Bord infopagina-knoppen: amber pill 15/30, geen lijnhoogte-opblazing */
.page-template-infopagina .wp-block-button .wp-block-button__link,
.mojo-infopagina .wp-block-button .wp-block-button__link { padding: 15px 30px; font-size: 14px; line-height: normal; }
/* Bord contact: adresregels compact, mail als gewone tekstkleur */
.mojo-contactregel { line-height: normal !important; }
.mojo-contactregel a { color: var(--wp--preset--color--tekst); text-decoration: none; }
.mojo-faqpagina h1 + p { line-height: normal; }
/* Bord zakelijk: kaartkoppen 19px, kerstkaartkop 17px, tegelsubtitels in tekstbruin */
.mojo-formulierkaart h2.mojo-kaartkop { font-size: 19px !important; line-height: normal; }
.mojo-kerstkaart h2.mojo-kerstkop { font-size: 17px !important; line-height: normal; }
.mojo-zakelijktegel .mojo-gedempt { color: var(--wp--preset--color--tekst); }
.mojo-infosectie { max-width: 1180px; margin: 0 auto; padding: 48px 40px 64px 40px; }
.mojo-infotitel { font-size: 38px; line-height: 1.15; margin: 0 0 16px 0; }
.mojo-infointro { font-size: 15.5px; line-height: 1.75; color: var(--wp--preset--color--tekst); max-width: 780px; margin: 0 0 14px 0; }
.mojo-uspregel { font-size: 13px; color: var(--wp--preset--color--tekst); margin: 0 0 28px 0; }
.mojo-gedempt { color: var(--wp--preset--color--gedempt); }
.mojo-oververhaal { gap: 60px; margin-bottom: 36px; }
.mojo-oververhaal p { font-size: 15.5px; line-height: 1.8; color: var(--wp--preset--color--tekst); }
.mojo-boogfoto-over { margin: 0; }
.mojo-boogfoto-over img { width: 100%; height: 380px; object-fit: cover; border-radius: 190px 190px 18px 18px; }
.mojo-cijfers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 0 36px 0; }
.mojo-cijferkaart { background: #ffffff; border-radius: 18px; padding: 24px; text-align: center; margin: 0; font-size: 13px; color: var(--wp--preset--color--tekst); }
.mojo-cijferkaart .mojo-cijfer { display: block; font-family: var(--wp--preset--font-family--titan); font-size: 30px; color: var(--wp--preset--color--terracotta); margin-bottom: 4px; }
.mojo-fotoplaceholder { border: 2px dashed var(--wp--preset--color--zandrand); border-radius: 20px; min-height: 260px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--wp--preset--color--gedempt); margin: 0; }
.mojo-bandinner { max-width: 1180px; margin: 0 auto; padding: 0 40px; align-items: center; }
.mojo-zakelijkband.alignfull { border-radius: 0; }
.mojo-bandkop { color: #f7efe2; font-size: 24px; margin: 0 0 6px 0; }
.mojo-bandkop .mojo-accent { color: var(--wp--preset--color--amber); }
.mojo-bandtekst { color: #d9c4b2; font-size: 14px; margin: 0; line-height: normal; }
.mojo-bandknop { margin: 0; line-height: normal; }
.mojo-bandknop a { background: var(--wp--preset--color--amber); color: var(--wp--preset--color--ink); border-radius: 999px; font-size: 14px; font-weight: 700; padding: 15px 30px; white-space: nowrap; display: inline-block; line-height: normal; }

.mojo-formulierkaart { background: #ffffff; border-radius: 20px; padding: 28px 32px; margin-top: 10px; }
.mojo-formulier { display: flex; flex-direction: column; gap: 14px; }
/* wpautop laat soms een lege p of br achter in de form; die eet ruimte in de flex-gap */
.mojo-formulier > p:empty, .mojo-formulier > br { display: none; }
.mojo-formulier-rij { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mojo-formulier input[type="text"], .mojo-formulier input[type="email"], .mojo-formulier textarea {
  border: 2px solid var(--wp--preset--color--zandrand); border-radius: 12px; padding: 13px 16px; font-size: 14px;
  font-family: inherit; background: #ffffff; color: var(--wp--preset--color--ink); width: 100%; box-sizing: border-box;
}
.mojo-formulier textarea { min-height: 110px; resize: vertical; }
.mojo-formulier ::placeholder { color: var(--wp--preset--color--gedempt); }
.mojo-formulier-knop { background: var(--wp--preset--color--terracotta); color: #fff7ec; border: 0; border-radius: 999px; font-size: 15px; font-weight: 700; padding: 15px 32px; max-width: 280px; cursor: pointer; font-family: inherit; }
.mojo-formulier-knop:hover { background: var(--wp--preset--color--bordeaux-hover); }
.mojo-hp { position: absolute; left: -9999px; }
.mojo-formulier-succes { background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zandlijn); border-radius: 14px; padding: 16px 20px; font-size: 14px; color: var(--wp--preset--color--ink); }

/* ==================== Offerte-sectie productpagina (bord: witte kaart, tekst links, formulier rechts) ==================== */
.mojo-offerte { background: #ffffff; border-radius: 20px; padding: 40px 44px; box-sizing: border-box; display: grid; grid-template-columns: 5fr 6fr; gap: 52px; align-items: start; }
.mojo-offerte-tekst h2 { margin: 0 0 14px; font-size: 24px; }
.mojo-offerte-tekst p { margin: 0 0 14px; font-size: 15px; line-height: 1.75; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-offerte-tekst a { color: var(--wp--preset--color--terracotta, #c25e35); font-weight: 700; text-decoration: none; }
.mojo-offerte-usps { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-offerte .mojo-formulier input[type="text"], .mojo-offerte .mojo-formulier input[type="email"] { border-radius: 999px; padding: 13px 18px; }
.mojo-offerte .mojo-formulier textarea { border-radius: 18px; min-height: 84px; }
.mojo-offerte .mojo-formulier .mojo-veld-vast {
  background: var(--wp--preset--color--creme, #f7efe2); border-color: var(--wp--preset--color--zandlijn, #eadfc9);
  color: var(--wp--preset--color--gedempt, #8a6f5c); pointer-events: none;
}
.mojo-offerte .mojo-formulier-knop { max-width: none; width: 100%; padding: 15px; }
@media (max-width: 700px) {
  /* Ruimte onder de kaart (zat tegen de footer; de group-padding rendert niet) */
  .mojo-offertesectie { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 30px !important; }
  .mojo-offerte { grid-template-columns: 1fr; gap: 16px; padding: 22px 18px; border-radius: 16px; }
  .mojo-offerte-tekst h2 { font-size: 17px; margin-bottom: 10px; }
  .mojo-offerte-tekst p { font-size: 13px; line-height: 1.7; margin-bottom: 10px; }
  .mojo-offerte-usps { font-size: 12.5px; gap: 6px; }
  .mojo-offerte .mojo-formulier { gap: 10px; }
  .mojo-offerte .mojo-formulier-rij { gap: 9px; grid-template-columns: 1fr 1fr; }
  .mojo-offerte .mojo-formulier input[type="text"], .mojo-offerte .mojo-formulier input[type="email"] { padding: 11px 14px; font-size: 12.5px; }
  .mojo-offerte .mojo-formulier textarea { padding: 12px 14px; font-size: 12.5px; min-height: 62px; }
}

.mojo-contactgrid { gap: 52px; }
/* Bord: werkplaatskolom vast 470px zodat het adres op een regel past */
.mojo-contactgrid > .wp-block-column:last-child { flex-basis: 470px !important; flex-grow: 0; }
/* Zichtbare WebwinkelKeur-fallback onder de footer hoort niet in het bord */
.webwinkelkeur-rich-snippet { display: none; }
.mojo-contactkaart { background: #ffffff; border-radius: 20px; padding: 26px 28px; }
.mojo-contactkaart h2 { margin: 0 0 16px 0; }
.mojo-contactregel { font-size: 14px; color: var(--wp--preset--color--tekst); margin: 0 0 14px 0; }
.mojo-tipkaart { background: var(--wp--preset--color--zand); border: 1px solid var(--wp--preset--color--zandlijn); border-radius: 16px; padding: 18px 22px; font-size: 13.5px; color: var(--wp--preset--color--tekst); line-height: 1.65; margin: 16px 0 0 0; }
.mojo-tipkaart strong { color: var(--wp--preset--color--ink); }

.mojo-zakelijktegels { gap: 24px; margin-bottom: 32px; }
.mojo-zakelijktegel figure { margin: 0; line-height: 0; }
.mojo-zakelijktegel figure a { display: block; width: 100%; }
.mojo-zakelijktegel img { width: 100%; height: 170px; object-fit: cover; }
.mojo-zakelijktegel p { margin: 0; padding: 15px 18px; font-size: 14px; line-height: 1.5; }
.mojo-zakelijktegel p a { color: var(--wp--preset--color--ink); font-weight: 700; }
.mojo-zakelijktegel .mojo-gedempt { font-size: 12.5px; font-weight: 400; }
.mojo-offertegrid { gap: 56px; }
/* Bord zakelijk: formulierkolom 607, rechterkolom volgt */
.mojo-offertegrid > .wp-block-column:first-child { flex-basis: 607px !important; flex-grow: 0; }
.mojo-kerstkaart { background: var(--wp--preset--color--ink); border-radius: 20px; padding: 26px 28px; margin-bottom: 16px; }
.mojo-kerstkop { color: #f7efe2; font-size: 17px; margin: 0 0 10px 0; }
.mojo-kerstkop .mojo-accent { color: var(--wp--preset--color--amber); }
.mojo-kerstkaart p { color: #d9c4b2; font-size: 13.5px; line-height: 1.65; margin: 0; }
.mojo-stappenkaart { background: #ffffff; border-radius: 20px; padding: 24px 28px; }
.mojo-stappenkaart h2 { font-size: 15px; margin: 0 0 12px 0; }
.mojo-stappenkaart p { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--wp--preset--color--tekst); margin: 0 0 12px 0; }
.mojo-stap-klein { width: 22px !important; height: 22px !important; font-size: 11px !important; flex-shrink: 0; }

.mojo-faqpagina { max-width: 1000px; }
.mojo-faqgroep { font-size: 21px; margin: 28px 0 12px 0; }

/* Smalle tekstpagina's (juridisch, nieuwsbrief) */
.mojo-smalle-tekst { max-width: 780px; }
.mojo-smalle-tekst p, .mojo-smalle-tekst li { font-size: 15px; line-height: 1.8; color: var(--wp--preset--color--tekst); }
.mojo-smalle-tekst h2 { font-size: 22px; margin: 26px 0 8px 0; }
.mojo-smalle-tekst h3 { font-size: 17px; margin: 20px 0 6px 0; }

/* 404, account, bedankpagina (blogoverzicht: zie blok onderaan) */
.mojo-404-knop a { display: inline-block; background: var(--wp--preset--color--terracotta); color: #fff7ec; border-radius: 999px; font-weight: 700; padding: 14px 30px; margin-top: 8px; }
.mojo-404 .wp-block-search__input { border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px; padding: 12px 20px; background: #ffffff; }
.mojo-404 .wp-block-search__button { background: var(--wp--preset--color--terracotta); color: #ffffff; border: 0; border-radius: 999px; padding: 12px 24px; font-weight: 700; }
body.woocommerce-order-received .mojo-checkoutstappen .mojo-stap-actief { color: var(--wp--preset--color--gedempt); font-weight: 400; }
body.woocommerce-order-received .mojo-checkoutstappen span:last-child { color: var(--wp--preset--color--terracotta); font-weight: 700; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; background: #ffffff; border-radius: 16px; padding: 12px; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 16px; border-radius: 999px; color: var(--wp--preset--color--tekst); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--wp--preset--color--creme); color: var(--wp--preset--color--terracotta); }
.woocommerce-account .woocommerce-MyAccount-content { background: #ffffff; border-radius: 16px; padding: 24px 28px; }
.mojo-contactregel { display: flex; align-items: center; gap: 12px; }
.mojo-faqpagina .mojo-faq-item { margin-bottom: 12px; }
.mojo-faqpagina .mojo-faq-item + .mojo-faq-item { margin-top: 0; }
.mojo-faqpagina > * + * { margin-block-start: 12px; }
.mojo-faqgroep { margin-top: 28px !important; }
/* Pixelpass homepage */
.mojo-herobeeld img { height: 470px !important; }
.mojo-boogfoto img { height: 330px !important; border-radius: 165px 165px 20px 20px !important; }
.mojo-reviewband { padding: 46px 64px !important; }
ul.products li.product img { aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: cover; }

/* Sectiepaddings exact volgens borden (blok-attributen renderen niet in file-templates) */
main.wp-block-group { padding: 18px 64px 56px; }
body.home main.wp-block-group, main.mojo-checkoutpagina, main.mojo-cartpagina, main.mojo-infopagina { padding: 0 !important; }
main.mojo-cartpagina { padding: 0 40px 64px 40px !important; }
.single-post main.wp-block-group { padding: 40px 64px 24px; }
.blog main.wp-block-group { padding: 48px 40px 64px; }
.mojo-sectie-hero { padding: 64px 64px 56px; }
.mojo-sectie-tegels { padding: 8px 64px 60px; }
.mojo-sectie-momenten { padding: 0 64px 60px; }
.mojo-hoehetwerkt { padding: 46px 64px; }
.mojo-bestsellers { padding: 60px 64px; }
.mojo-sectie-werkplaats { padding: 60px 64px !important; }
.mojo-zakelijkband { padding: 44px 64px; }
body.home main .mojo-scheidslijn:not(.mojo-sectie-werkplaats) { padding: 48px 64px 64px; }
body.home main > .wp-block-group:not([class*="mojo-"]) { padding: 56px 64px; }
.mojo-cat-onder { margin-top: 48px; padding-top: 40px; }
.mojo-infokaarten { padding: 32px 64px 20px; }
.mojo-tabkaart { padding: 8px 64px 24px; }
.single-product .wp-block-group:has(> .wp-block-woocommerce-related-products) { padding: 8px 64px 56px; }
/* Bord ProductStaffel: sectiekop 24px met 18px eronder */
.wp-block-woocommerce-related-products h2.wp-block-heading { font-size: 24px !important; margin: 0 0 18px !important; }

/* ---------- Mobiel: nieuwe onderdelen (cart/checkout/info) ---------- */
@media (max-width: 700px) {
  main.wp-block-group { padding-left: 16px !important; padding-right: 16px !important; }
  .mojo-sectie-hero, .mojo-sectie-tegels, .mojo-sectie-momenten, .mojo-hoehetwerkt, .mojo-bestsellers,
  .mojo-sectie-werkplaats, .mojo-zakelijkband, .mojo-reviewband { padding-left: 16px !important; padding-right: 16px !important; }
  body.home main .mojo-scheidslijn:not(.mojo-sectie-werkplaats), body.home main > .wp-block-group:not([class*="mojo-"]) { padding-left: 16px !important; padding-right: 16px !important; }
  .mojo-infokaarten, .mojo-tabkaart, .single-product .wp-block-group:has(> .wp-block-woocommerce-related-products) { padding-left: 16px; padding-right: 16px; }
  .mojo-infosectie { padding: 28px 16px 40px; }
  .mojo-cijfers { grid-template-columns: 1fr 1fr; gap: 14px; }
  .mojo-boogfoto-over img { height: 240px; border-radius: 120px 120px 14px 14px; }
  .mojo-formulier-rij { grid-template-columns: 1fr; }
  .mojo-formulierkaart { padding: 20px 18px; }
  .mojo-contactgrid, .mojo-offertegrid { gap: 20px; }
  .mojo-infotitel { font-size: 28px; }
  .mojo-artikeltitel { font-size: 28px; }
  .mojo-bandinner { flex-wrap: wrap; gap: 14px; padding: 0 16px; }
  .woocommerce-cart .mojo-cartpagina .woocommerce { display: block; }
  .mojo-cartinner .mojo-gratisbalk, .mojo-carttitel { max-width: 100%; }
  main.mojo-cartpagina { padding: 0 16px 48px 16px !important; }
  .woocommerce-cart .cart-collaterals { margin-top: 20px; }
  .woocommerce-cart table.cart img { width: 56px; height: 56px; }
  .mojo-aanvullers-grid { grid-template-columns: 1fr; }
  .woocommerce-checkout form.checkout { display: block; }
  .woocommerce-checkout form.checkout .mojo-betaalkaart { margin-top: 20px; }
  #order_review { margin-top: 20px; }
  .mojo-checkoutinner { padding: 16px 16px 48px; }
  .mojo-checkoutkop { padding: 14px 16px; }
  .mojo-checkoutkop-terug { position: static; order: -1; }
  .mojo-checkoutkop-veilig { display: none; }
  .mojo-checkoutkop { justify-content: space-between; }
  .mojo-checkoutstappen { gap: 14px; font-size: 11.5px; flex-wrap: wrap; padding: 14px 10px 4px; }
  .mojo-quote-grid { grid-template-columns: 1fr; }
  .mojo-quotekaart .mojo-quote { font-size: 15px; line-height: normal; }
  .mojo-ctabrug-knop { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 12px !important; }
  .mojo-ctabrug-artikel { flex-wrap: wrap; padding: 22px; }
  .mojo-zakelijktegels { gap: 14px; }
  #customer_details .col-1, .mojo-betaalkaart, #order_review { padding: 20px 18px; }
}

/* Mobiele winkelwagen: itemkaarten zoals het bord */
@media (max-width: 700px) {
  .woocommerce-cart table.cart { background: transparent; }
  .woocommerce-cart table.cart tbody { display: block; }
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item {
    display: grid; grid-template-columns: 56px 1fr auto; gap: 4px 13px; align-items: center;
    background: #ffffff; border-radius: 16px; padding: 15px 17px; margin-bottom: 12px; position: relative;
  }
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item td { display: block; border: 0; padding: 0; background: transparent !important; }
  .woocommerce-cart table.cart tr.woocommerce-cart-form__cart-item td::before { display: none; }
  .woocommerce-cart table.cart td.product-thumbnail { display: block !important; grid-column: 1; grid-row: 1 / span 2; }
  .woocommerce-cart table.cart td.product-name { grid-column: 2; grid-row: 1; font-size: 14px; text-align: left !important; }
  .woocommerce-cart table.cart td.product-price { display: none !important; }
  .woocommerce-cart table.cart td.product-quantity { grid-column: 2; grid-row: 2; }
  .woocommerce-cart table.cart td.product-quantity .qty { width: 56px; padding: 5px; font-size: 12px; }
  .woocommerce-cart table.cart td.product-subtotal { grid-column: 3; grid-row: 2; font-weight: 700; font-size: 14px; }
  .woocommerce-cart table.cart td.product-remove { position: absolute; top: 10px; right: 14px; width: auto; }
  .woocommerce-cart table.cart td.actions { display: block; background: transparent; padding: 4px 0; }
  .woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 8px; }
  .woocommerce-cart table.cart td.actions .coupon .input-text { flex-grow: 1; width: auto; }
  .woocommerce-cart table.cart td.actions > .button { display: none; }
}

/* Woo notice-banners in huisstijl (blauw -> zand) */
.wc-block-components-notice-banner.is-info {
  background: var(--wp--preset--color--zand, #fdf8ee) !important;
  border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9) !important;
  border-radius: 14px !important;
  color: var(--wp--preset--color--tekst, #6d5240) !important;
}
.wc-block-components-notice-banner.is-info svg { fill: var(--wp--preset--color--terracotta, #c25e35) !important; }
.wc-block-components-notice-banner.is-success { border-radius: 14px !important; }
.woocommerce-cart table.cart td.actions { background: transparent !important; }
.woocommerce-cart table.cart td.actions .coupon .button { border-radius: 999px; font-weight: 700; }
@media (max-width: 700px) {
  .mojo-artikelmeta { flex-wrap: wrap; gap: 6px 10px; }
}
.search main .wp-block-search { max-width: 560px; margin-bottom: 28px; }
.search main .wp-block-search__input { border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px; padding: 12px 20px; background: #ffffff; }
.search main .wp-block-search__button { background: var(--wp--preset--color--terracotta); color: #ffffff; border: 0; border-radius: 999px; padding: 12px 24px; font-weight: 700; }
main .wp-block-search__inside-wrapper { border: 0; }
main .wp-block-search .wp-block-search__input { border: 2px solid var(--wp--preset--color--zandrand) !important; border-radius: 999px !important; padding: 12px 20px; background: #ffffff; margin-right: 10px; }
main .wp-block-search .wp-block-search__button { border-radius: 999px !important; }

/* Bestsellers exact als bord: sfeerfoto-kaarten */
.mojo-bestsellergrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.mojo-bestkaart { background: #ffffff; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; color: var(--wp--preset--color--ink); }
.mojo-bestkaart img { width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; display: block; }
.mojo-bestkaart-info { padding: 12px 15px 13px 15px; display: flex; flex-direction: column; gap: 3px; }
.mojo-bestkaart-naam { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mojo-bestkaart-naam { font-size: 14px; font-weight: 700; }
.mojo-bestkaart-prijsrij { display: flex; align-items: baseline; justify-content: space-between; }
.mojo-bestkaart-prijs, .mojo-bestkaart-prijs .amount { font-family: var(--wp--preset--font-family--titan); font-weight: 400; font-size: 17px; color: var(--wp--preset--color--terracotta); }
.mojo-bestkaart-ster { font-size: 11px; color: var(--wp--preset--color--tekst); }

/* Geen extra block-gap tussen homepage-secties (bordritme) */
body.home main.wp-block-group > * + * { margin-block-start: 0 !important; }
@media (max-width: 700px) { .mojo-bestsellergrid { grid-template-columns: 1fr 1fr; gap: 14px; } .mojo-bestkaart img { aspect-ratio: 1 / 1; height: auto; } }

/* Regelafstand naar bordwaarden: basis 1.4 (theme.json), lopende tekst ruim, UI compact */
.mojo-chip { line-height: 1.15; }
.mojo-zoekbalk input { line-height: 1.2; }
.mojo-bestkaart-prijsrij { line-height: 1.2; }
.mojo-tegels .mojo-kaart p { line-height: 1.3; }
.mojo-sectie-hero .has-medium-font-size { line-height: 1.7; }
.mojo-catintro, .mojo-cat-onder p, .mojo-cat-faq p { line-height: 1.75; }
.mojo-korte-omschrijving { line-height: 1.7; }
.mojo-smalle-tekst p, .mojo-smalle-tekst li { line-height: 1.8; }
.mojo-infointro, .mojo-oververhaal p { line-height: 1.8; }
.woocommerce-checkout form .form-row label { line-height: 1.4; }
.mojo-faqgrid { gap: 64px; }
.mojo-faqgrid h2 { margin: 0 0 10px 0; }
.mojo-faq-item + .mojo-faq-item { margin-top: 0; }
.mojo-faq-item { margin: 0 0 12px 0; }
.mojo-faq-item p { line-height: 1.7; }
.mojo-koprij { margin-bottom: 18px !important; }
.mojo-footer-links { line-height: 1.25; }
.mojo-footer-kop { line-height: 1.3; }
.mojo-zakelijkband h2 { font-size: 24px; margin: 0 0 6px 0; }
.mojo-zakelijkband p { max-width: 720px; line-height: 1.7; margin: 0; }

/* FAQ-chevron rechts (bord) en WebwinkelKeur-regel in footerstijl */
.mojo-faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; list-style: none; }
.mojo-faq-item summary::-webkit-details-marker { display: none; }
.mojo-faq-item summary::marker { content: ""; }
.mojo-faq-item summary::after { content: "\25BE"; color: var(--wp--preset--color--gedempt); font-size: 15px; flex-shrink: 0; }
.mojo-faq-item[open] > summary::after { content: "\25B4"; color: var(--wp--preset--color--terracotta); }
.webwinkelkeur-rich-snippet { background: var(--wp--preset--color--footer, #4a2c1e); color: #b59d8a; text-align: center; font-size: 11px; margin: 0; padding: 0 16px 18px; }
.webwinkelkeur-rich-snippet a { color: var(--wp--preset--color--amber, #e0a63c); }

/* Categorie-ondertekst + FAQ als bordgrid 7/5 */
.mojo-cat-onder { display: grid; grid-template-columns: 7fr 5fr; gap: 56px; align-items: start; margin-top: 48px; padding-top: 0; border-top: 0 !important; }
.mojo-cat-ondertekst h2 { font-size: 24px; margin: 18px 0 4px 0; }
.mojo-cat-ondertekst h2:first-child { margin-top: 0; }
.mojo-cat-ondertekst p { font-size: 15px; line-height: 1.75; color: var(--wp--preset--color--tekst); margin: 0 0 12px 0; }
.mojo-cat-faq { background: transparent !important; padding: 0 !important; }
.mojo-cat-faq h2 { font-size: 24px; margin: 0 0 12px 0; }
.mojo-cat-faq .mojo-faq-item { padding: 17px 22px; }
.mojo-cat-faq .mojo-faq-item summary { font-size: 14.5px; }
.mojo-cat-faq .mojo-faq-item p { font-size: 13.5px; line-height: 1.65; }

/* Loopkaart: prijs links, ster rechts, geen doorgestreepte prijs (bord) */
ul.products li.product, .products-block-post-template li.product { display: grid !important; grid-template-columns: 1fr auto; align-items: baseline; }
ul.products li.product img, .products-block-post-template li.product .wc-block-components-product-image, ul.products li.product > a, li.product .wp-block-post-title { grid-column: 1 / -1; }
li.product .wc-block-components-product-price { grid-column: 1; margin: 0 0 16px 18px !important; }
li.product .mojo-loopster { grid-column: 2; font-size: 11px; color: var(--wp--preset--color--tekst); margin: 0 18px 16px 0; }
li.product .wc-block-components-product-price del, ul.products li.product .price del { display: none !important; }
li.product .wc-block-components-product-price ins { text-decoration: none; }
@media (max-width: 700px) { .mojo-cat-onder { grid-template-columns: 1fr; gap: 28px; } }
/* Query-loop productfoto: altijd vierkant (bord LoopkaartVierkant), foto's zijn op 1:1 gemaakt */
li.product .wc-block-components-product-image img, .products-block-post-template li.product img, ul.products li.product img { aspect-ratio: 1 / 1 !important; height: auto !important; width: 100% !important; object-fit: cover; }
li.product .wc-block-components-product-image { margin: 0 !important; }
/* Loopkaart: compacte labelbalk (titel 1 regel, prijs links + ster rechts) */
.products-block-post-template li.product .wp-block-post-title, li.product h3.wp-block-post-title,
ul.products li.product .woocommerce-loop-product__title {
  margin: 12px 15px 0 15px !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
li.product .wp-block-post-title a { display: inline; }
li.product .wc-block-components-product-price { grid-row: 3; grid-column: 1 / -1; margin: 3px 0 13px 15px !important; padding: 0 !important; font-size: 15px !important; font-weight: 700; align-self: baseline; }
/* Geen productsterren op kaarten (Quincy, 5 sep 2026) */
li.product .mojo-loopster, ul.products li.product .star-rating, .mojo-bestkaart-ster { display: none !important; }
/* Uitverkocht-melding van de stock-mapper-plugin (Astra-classname, hier in kaartstijl) */
ul.products li.product { position: relative; }
li.product .ast-shop-product-out-of-stock { position: absolute; top: 10px; right: 10px; background: var(--wp--preset--color--ink, #4a2c1e); color: #f7efe2; border-radius: 999px; padding: 4px 10px; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
/* Aanbieding-labels nergens tonen */
.wc-block-components-product-sale-badge, .wp-block-woocommerce-product-sale-badge, span.onsale { display: none !important; }
.products-block-post-template li.product { row-gap: 0 !important; }

/* Productgalerij: bordformaat 560 hoog, volle kolombreedte */
.woocommerce-product-gallery { width: 100% !important; }
.woocommerce-product-gallery .flex-viewport { width: 100% !important; }
/* 1:1 zoals de bronbestanden (Quincy, 9 sep 2026); was bordformaat 560 hoog */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; }
.single-product .mojo-korte-omschrijving { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
table.wdr_bulk_table_msg td.mojo-korting { color: var(--wp--preset--color--olijf, #8a8b4a); font-weight: 700; }
/* Plugin toont eigen kortings-% in de prijscel: verbergen, wij tonen de bordkolom */
table.wdr_bulk_table_msg td .awdr-bulk-percentage, table.wdr_bulk_table_msg td [class*="percent"], table.wdr_bulk_table_msg td .wdr_bulk_discount { display: none; }
/* Cart: bordheader met stappen, geen cross-sells, notices in stijl */
.mojo-cartkop { background: var(--wp--preset--color--creme); }
.mojo-cartkop .mojo-checkoutstappen { padding: 18px 0 4px 0; }
.woocommerce-cart .cross-sells { display: none !important; }
.woocommerce-message, .wc-block-components-notice-banner.is-success {
  background: var(--wp--preset--color--zand, #fdf8ee) !important;
  border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9) !important;
  border-radius: 14px !important;
  color: var(--wp--preset--color--ink, #4a2c1e) !important;
}
.woocommerce-message::before { color: var(--wp--preset--color--olijf, #8a8b4a) !important; }
.wc-block-components-notice-banner.is-success svg { fill: var(--wp--preset--color--olijf, #8a8b4a) !important; }
.woocommerce-message .button, .wc-block-components-notice-banner.is-success .wc-forward { background: transparent; color: var(--wp--preset--color--terracotta); font-weight: 700; }

/* Geen root-gap tussen header/main/footer en compacte navrow (diff-bevinding) */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.mojo-nav a, .mojo-navrow .wp-block-navigation-item__content { line-height: 1.2; }
.mojo-verzendregel { line-height: 1.2; }
/* Diff-pass 2: tekstbreedtes en kopmarges exact */
.mojo-sectie-hero p.has-medium-font-size { max-width: 540px; margin: 0; }
.mojo-sectie-hero h1 { margin: 0 0 22px 0; }
.mojo-sectie-hero .wp-block-buttons { margin: 22px 0 0 0; }
.mojo-sectie-hero .has-small-font-size { margin: 20px 0 0 0; }
.mojo-sectie-tegels h2 { margin: 0 0 22px 0; }
.mojo-bestsellers .mojo-koprij, .mojo-sectie-momenten .mojo-koprij { margin-bottom: 18px !important; }
.mojo-hoehetwerkt p { margin: 0; }
/* Diff-pass 3: laatste sectiehoogtes exact */
.mojo-tegels .mojo-kaart p { line-height: 1.17; }
.mojo-chips { margin: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.mojo-chip { margin: 0 !important; }
.mojo-bestkaart-naam { line-height: 1.2; }
.mojo-koprij .mojo-koplink { line-height: 1.2; }
.mojo-sectie-werkplaats h2 { margin: 0 0 14px 0; }
.mojo-sectie-werkplaats p { margin: 0 0 14px 0; }
/* WP block-gap (24px) uit binnen homepage-secties; bordmarges regelen de ruimte */
.mojo-sectie-hero > * + *, .mojo-sectie-tegels > * + *, .mojo-sectie-momenten > * + *,
.mojo-hoehetwerkt > * + *, .mojo-bestsellers > * + *, .mojo-reviewband > * + *,
.mojo-sectie-werkplaats > * + *, .mojo-zakelijkband > * + *, body.home .mojo-scheidslijn > * + * { margin-block-start: 0 !important; }
.wp-block-button__link { line-height: 1.2; }
.mojo-sectie-hero .has-small-font-size { line-height: 1.5; }
/* Product: bordgaps (12 na breadcrumb, 16 in de infokolom) i.p.v. WP-24 */
.single-product main.wp-block-group > * + * { margin-block-start: 12px !important; }
.single-product main .wp-block-column > * + * { margin-block-start: 16px !important; }
.single-product main .wp-block-column .mojo-sterren { margin-block-start: 6px !important; }
.single-product h1.wp-block-post-title { margin-bottom: 0; }
.single-product .wp-block-woocommerce-product-price { margin-block-start: 16px !important; }
/* Product rechterkolom: gaten exact 16px zoals bord */
.single-product form.cart { gap: 16px; }
.single-product form.cart .fpd-secondary-btn { margin: 0 !important; }
.awdr-bulk-customizable-table { margin-top: 0 !important; }
.single-product .mojo-vertrouwen { margin-top: 0; padding-top: 14px; }
/* Infopagina's: WP-gap uit, bordmarges bepalen de ruimte */
.mojo-infosectie > * + *, .mojo-contactkaart > * + *, .mojo-kerstkaart > * + *, .mojo-stappenkaart > * + *,
.mojo-faqpagina > * + *, .mojo-oververhaal .wp-block-column > * + * { margin-block-start: 0 !important; }
.mojo-oververhaal .wp-block-column p + p { margin-block-start: 14px !important; }
.mojo-infosectie .mojo-infotitel { margin-bottom: 16px; }
.mojo-sectie-hero p.has-medium-font-size { font-size: 16px !important; }
.single-post main.wp-block-group > * + * { margin-block-start: 10px !important; }
.single-post .mojo-artikelmeta { margin-top: 12px; }
/* Bord rekent padding buiten de 1180 (content-box): containers met eigen 40px-padding naar 1260 border-box.
   De cartinner heeft geen padding en blijft 1180. */
.mojo-infosectie, .mojo-checkoutinner { max-width: 1260px; }
.mojo-faqpagina { max-width: 1080px; }
.mojo-nav .wp-block-navigation-item__content { padding: 0 !important; }
.mojo-zakelijktegel img { height: 170px !important; object-fit: cover; }
.mojo-infointro { margin: 0 0 14px 0 !important; }
.mojo-uspregel { margin: 0 0 40px 0 !important; }
.mojo-infosectie .mojo-infotitel { margin-bottom: 14px; }
.mojo-faqpagina .mojo-faqgroep { margin: 28px 0 12px 0 !important; }
.mojo-boogfoto-over img { height: 380px !important; }
body.page-id-17 .mojo-infotitel { font-size: 40px; }
body.page-id-19 .mojo-infotitel { font-size: 36px; }
.woocommerce-form-login-toggle, .woocommerce-checkout form.woocommerce-form-login { display: none !important; }

/* ---------- Mobiele pixel-pass (MobielHome-bord) ---------- */
.mojo-herobeeld-mobiel { display: none; }
.mojo-menuzoek { display: none; }
.mojo-nav .wp-block-navigation__responsive-container.is-menu-open .mojo-menuzoek { display: block; margin: 8px 0 16px 0; }
@media (max-width: 700px) {
  /* header: geen zoekbalk (zit in menu), verzendstrip met truck */
  .mojo-topbar { padding: 12px 16px !important; }
  .mojo-topbar .mojo-zoekbalk { display: none !important; }
  .mojo-navrow { padding: 8px 12px !important; font-size: 12px; }
  .mojo-verzendregel { font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 7px; justify-content: center; }
  .mojo-verzendregel .mojo-rotatie-1::before { content: ""; display: inline-block; vertical-align: -2px; margin-right: 7px; width: 13px; height: 13px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23c25e35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v10H3z'/%3E%3Cpath d='M14 10h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='19' r='1.6'/%3E%3Ccircle cx='17' cy='19' r='1.6'/%3E%3C/svg%3E") no-repeat center; }
  /* hero: foto tussen tekst en knoppen, knoppen gestapeld vol breed */
  .mojo-sectie-hero { padding: 28px 20px 8px !important; }
  .mojo-sectie-hero h1 { font-size: 30px !important; line-height: 1.18; margin: 0 0 16px 0; }
  .mojo-sectie-hero p.has-medium-font-size { font-size: 14px !important; line-height: 1.65; }
  .mojo-herobeeld-mobiel { display: block; margin: 16px 0 0 0; }
  .mojo-herobeeld-mobiel img { width: 100%; height: 300px !important; object-fit: cover; border-radius: 175px 175px 16px 16px; }
  .mojo-sectie-hero .wp-block-column:last-child { display: none; }
  .mojo-sectie-hero .wp-block-buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
  .mojo-sectie-hero .wp-block-button, .mojo-sectie-hero .wp-block-button__link { width: 100%; text-align: center; box-sizing: border-box; }
  .mojo-sectie-hero .has-small-font-size { text-align: center; font-size: 11.5px !important; margin-top: 16px; }
  /* secties: 20px zijkant, koppen 21px, geen koplinks */
  .mojo-sectie-tegels { padding: 32px 20px 8px !important; }
  .mojo-sectie-momenten, .mojo-bestsellers { padding: 32px 20px 30px !important; }
  .mojo-sectie-tegels h2, .mojo-sectie-momenten h2, .mojo-bestsellers h2, .mojo-sectie-werkplaats h2 { font-size: 21px !important; margin: 0 0 14px 0 !important; }
  .mojo-koplink { display: none; }
  .mojo-tegels { gap: 14px !important; }
  .mojo-tegels .mojo-kaart { border-radius: 16px; }
  .mojo-tegels .mojo-kaart img { height: 110px !important; }
  .mojo-tegels .mojo-kaart p { padding: 11px 13px !important; font-size: 13px !important; }
  .mojo-chips { gap: 9px !important; }
  .mojo-chip { padding: 10px 18px !important; font-size: 13px !important; }
  .mojo-hoehetwerkt { margin-top: 28px; padding: 26px 20px !important; }
  .mojo-hoehetwerkt .mojo-stap-groot { width: 36px !important; height: 36px !important; font-size: 15px !important; }
  .mojo-hoehetwerkt p { font-size: 12.5px; line-height: 1.55; margin: 0 0 16px 0 !important; }
  .mojo-hoehetwerkt strong { font-size: 14px; }
  .mojo-bestsellergrid { gap: 14px !important; }
  .mojo-bestkaart { border-radius: 16px; }
  .mojo-bestkaart img { aspect-ratio: 1 / 1 !important; height: auto !important; }
  .mojo-bestkaart-info { padding: 11px 13px !important; gap: 3px; }
  .mojo-bestkaart-naam { font-size: 12.5px; }
  .mojo-bestkaart-prijs, .mojo-bestkaart-prijs .amount { font-size: 15px; }
  .mojo-bestkaart-ster { display: none; }
  /* reviewband, werkplaats, zakelijk */
  .mojo-reviewband { margin-top: 28px; padding: 24px 20px !important; }
  /* Bord: cijfer en tekst naast elkaar (core stackt kolommen anders op mobiel) */
  .mojo-reviewband .wp-block-columns { display: flex !important; flex-wrap: nowrap !important; gap: 18px !important; align-items: center !important; }
  .mojo-reviewband .wp-block-column { margin: 0 !important; }
  .mojo-reviewband .wp-block-column:first-child { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
  .mojo-reviewband .wp-block-column:nth-child(2) { flex: 1 1 0 !important; min-width: 0; width: auto !important; }
  .mojo-reviewband .wp-block-column:nth-child(3) { display: none; }
  .mojo-reviewcijfer { font-size: 38px !important; line-height: normal !important; margin: 0 !important; }
  .mojo-reviewband p { font-size: 13px; line-height: 1.5; margin: 0; }
  .mojo-reviewknop { display: none; }
  .mojo-sectie-werkplaats { padding: 32px 20px !important; }
  .mojo-sectie-werkplaats .mojo-boogfoto, .mojo-sectie-werkplaats figure { display: none; }
  .mojo-sectie-werkplaats p { font-size: 14px; line-height: 1.7; }
  .mojo-zakelijkband { padding: 26px 20px !important; }
  .mojo-zakelijkband h2 { font-size: 19px !important; }
  .mojo-zakelijkband p { font-size: 13px; line-height: 1.6; }
  .mojo-zakelijkband .wp-block-button { width: 100%; }
  .mojo-bandinner .mojo-bandknop a, .mojo-zakelijkband .wp-block-button .wp-block-button__link { width: 100%; text-align: center; box-sizing: border-box; padding: 13px !important; font-size: 14px; }
  .mojo-sectie-hero .wp-block-button__link { padding: 13px 16px !important; }
  .wp-block-columns:has(.mojo-reviewcijfer) strong { line-height: 1.5 !important; }
  body.home main .mojo-scheidslijn:not(.mojo-sectie-werkplaats) { display: none; }
  /* footer: alleen kopjes, compact */
  .mojo-footer { padding: 30px 20px 20px !important; }
  .mojo-footer .mojo-logo img { width: 96px !important; }
  .mojo-footer-intro { font-size: 12.5px; }
  .mojo-footer-kolommen { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px 16px !important; }
  .mojo-footer-kolommen > .wp-block-column:first-child { grid-column: 1 / -1; }
  .mojo-footer-kop { margin: 0 0 8px 0 !important; font-size: 13px !important; }
  .mojo-footer-links { gap: 7px; font-size: 12.5px; }
  .mojo-footer-onder { margin-top: 18px; padding-top: 14px; font-size: 11px; display: flex; justify-content: space-between; }
  .mojo-footer-legal a { display: none; }
}
@media (max-width: 700px) {
  .mojo-tegels.is-not-stacked-on-mobile { flex-wrap: wrap !important; gap: 14px !important; }
  .mojo-tegels.is-not-stacked-on-mobile > .wp-block-column { flex: 0 0 calc(50% - 7px) !important; }
}
.mojo-mobieltekst { display: none; }
@media (max-width: 700px) {
  .mojo-desktoptekst { display: none; }
  .mojo-mobieltekst { display: inline; }
  .mojo-chips .mojo-chip:nth-child(3), .mojo-chips .mojo-chip:nth-child(6) { display: none; }
}

/* Mobiel product (MobielProduct-bord) */
.single-product .price del, .single-product .wp-block-woocommerce-product-price del { display: none !important; }
.single-product .price ins, .single-product .wp-block-woocommerce-product-price ins { text-decoration: none; }
@media (max-width: 700px) {
  .single-product main.wp-block-group { padding: 14px 20px 28px !important; }
  .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img { height: auto !important; aspect-ratio: 1 / 1; border-radius: 20px; }
  .woocommerce-product-gallery .flex-viewport { border-radius: 20px; }
  /* Meer lucht boven de foto, thumbs dichter bijeen met dezelfde maat als de ruimte erboven */
  .single-product nav.woocommerce-breadcrumb { margin-bottom: 12px !important; }
  .woocommerce-product-gallery ol.flex-control-thumbs { gap: 0 !important; margin: 8px 0 0 !important; }
  .woocommerce-product-gallery ol.flex-control-thumbs li img { width: 64px !important; height: 64px !important; border-radius: 10px; }
  .single-product h1.wp-block-post-title { font-size: 26px !important; margin: 18px 0 0 0; }
  .mojo-sterren { font-size: 12.5px; }
  .mojo-verzendstrip { padding: 13px 15px !important; border-radius: 14px; font-size: 12.5px !important; }
  .mojo-korte-omschrijving { font-size: 14px !important; line-height: 1.65 !important; }
  .single-product .wp-block-woocommerce-product-price { font-size: 26px !important; }
  .single-product main .wp-block-column > * + * { margin-block-start: 13px !important; }
  .awdr-bulk-customizable-table { padding: 16px 18px; border-radius: 16px; }
  .mojo-staffelkop { font-size: 14px; margin-bottom: 10px; }
  .mojo-staffelbadge { font-size: 10px; padding: 3px 9px; }
  .mojo-staffelknop { font-size: 12px; padding: 8px 15px; }
  .mojo-betaalbadge { padding: 2px 7px; color: #b59d8a; font-size: 10px; }
  /* Optieblok mobiel */
  .single-product .yith-wapo-container .yith-wapo-addon { padding: 14px 16px !important; border-radius: 14px !important; }
  .mojo-optiekop, .mojo-optiekop .mojo-accent { font-size: 13px; }
  .mojo-optiesub { font-size: 11.5px; margin-bottom: 10px; }
  .single-product .yith-wapo-option .product-container { gap: 10px; padding: 9px 11px; border-radius: 12px; }
  .single-product .yith-wapo-option .product-container::before { width: 20px; height: 20px; }
  .single-product .yith-wapo-option .product-image, .single-product .yith-wapo-option .product-image img { width: 44px !important; }
  .single-product .yith-wapo-option .product-image img { height: 44px !important; }
  .single-product .yith-wapo-option .product-info { gap: 10px; }
  .mojo-optienaam { font-size: 13px; }
  .mojo-optieregel { font-size: 11.5px; }
  .single-product .yith-wapo-option .option-price, .single-product .yith-wapo-option .option-price .amount { font-size: 13px; }
  .mojo-optietotaal strong { font-size: 15px; }
  /* Geen dubbele randpadding: de buitenste wrapper padt al 20px (bord) */
  .mojo-cartinner, main .mojo-cathero { padding-left: 0 !important; padding-right: 0 !important; }
  /* Bordgap: titel 12px na breadcrumb, net als op product (was 24 margin + 28 padding) */
  main .mojo-cathero { margin-top: 12px !important; padding-top: 0 !important; }
  /* Subheader: verzendregel en WebwinkelKeur wisselen elkaar af (rustige fade) */
  .mojo-verzendregel { position: relative; }
  .mojo-verzendregel .mojo-rotatie { display: block; animation: mojo-rotatie 8s ease-in-out infinite; }
  .mojo-verzendregel .mojo-rotatie-2 { display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: max-content; white-space: nowrap; animation-delay: -4s; }
  .mojo-rotster { color: var(--wp--preset--color--amber, #e0a63c); letter-spacing: 1px; }
  /* Bord mobiel: reviewband compacter, ster-regel op eigen regel in de hero */
  .mojo-reviewcijfer { font-size: 38px; }
  .mojo-heroster { display: inline-block; margin-top: 9px; }
  .wp-block-columns:has(.mojo-reviewcijfer) strong { font-size: 13.5px; font-weight: 600; line-height: 1.5; }
  table.wdr_bulk_table_msg { font-size: 13px; }
  table.wdr_bulk_table_msg th span { font-size: 10.5px; }
  table.wdr_bulk_table_msg td { padding: 10px; }
  .awdr-bulk-customizable-table::after { font-size: 11px; }
  .mojo-vertrouwen { font-size: 11.5px; display: flex; flex-wrap: wrap; gap: 8px 16px; padding-top: 12px; }
  .mojo-infokaarten { padding: 0 20px !important; }
  .mojo-infokaart { padding: 15px 17px !important; border-radius: 16px; }
  .mojo-infokaart h2 { font-size: 14px !important; margin: 0 0 9px 0 !important; }
  .mojo-infokaart p { font-size: 13px !important; gap: 8px; margin: 0 0 9px 0 !important; align-items: center; }
  .mojo-infokaart .mojo-stap-nr { width: 22px !important; height: 22px !important; font-size: 11px !important; }
  .mojo-infokaart p br { display: none; }
  .mojo-specregel { grid-template-columns: 1fr 1.3fr; gap: 10px; }
  .mojo-tabkaart { padding: 8px 20px 20px !important; }
  .mojo-tabkaart .woocommerce-tabs { border-radius: 16px; padding: 0 18px 18px; }
  .mojo-tabkaart .wc-tabs { display: block !important; }
  .mojo-tabkaart .wc-tabs > li:not(.mojo-accordion-panelrij) { display: block; border-bottom: 1px solid var(--wp--preset--color--zandlijn); }
  .mojo-tabkaart .wc-tabs > li:not(.mojo-accordion-panelrij) > a { display: flex; justify-content: space-between; padding: 15px 0; font-size: 14px; }
  .mojo-tabkaart .wc-tabs > li:not(.mojo-accordion-panelrij) > a::after { content: "\25BE"; color: var(--wp--preset--color--gedempt); }
  .mojo-tabkaart .wc-tabs > li.active:not(.mojo-accordion-panelrij) > a::after { content: "\25B4"; color: var(--wp--preset--color--terracotta); }
  .single-product .wp-block-group:has(> .wp-block-woocommerce-related-products) { padding: 8px 20px 40px; }
}

/* Mobiel: productgrids 2 kolommen (bord), cart/checkout/blog-maten */
@media (max-width: 700px) {
  .products-block-post-template, ul.products { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  ul.products li.product, .products-block-post-template li.product { width: 100% !important; margin: 0 !important; border-radius: 16px; }
  li.product .wc-block-components-product-image img, .products-block-post-template li.product img, ul.products li.product img { aspect-ratio: 1 / 1 !important; height: auto !important; }
  .products-block-post-template li.product .wp-block-post-title, li.product h3.wp-block-post-title { font-size: 12.5px !important; margin: 11px 13px 0 13px !important; }
  li.product .wc-block-components-product-price { font-size: 15px !important; margin: 3px 0 13px 13px !important; }
  li.product .mojo-loopster { margin: 0 13px 13px 0; }
  .mojo-filterbalk { flex-wrap: wrap; gap: 10px; }
  .taxonomy-product_cat main.wp-block-group, body.tax-product_cat main.wp-block-group { padding: 14px 20px 40px !important; }
  .mojo-carttitel { font-size: 25px !important; }
  .mojo-cat-onder { margin-top: 32px; }
  .mojo-cat-ondertekst h2, .mojo-cat-faq h2 { font-size: 20px !important; }
  .mojo-cat-ondertekst p { font-size: 14px; }
  .single-post h1.mojo-artikeltitel { font-size: 26px !important; }
  .mojo-leesook h2 { font-size: 19px !important; margin-bottom: 12px; }
  .mojo-leesook { padding-left: 20px !important; padding-right: 20px !important; }
  .mojo-leesook .wp-block-post-template { display: flex !important; flex-direction: column; gap: 12px; }
  .mojo-leesook .wp-block-post-template li { width: 100%; }
  .mojo-leesook .mojo-kaart { padding: 16px 18px !important; border-radius: 14px; }
  .mojo-cathero-usps { gap: 8px 16px !important; }
  .mojo-cathero-usps p { font-size: 11.5px !important; }
  .mojo-catintro { font-size: 14px !important; }
  h1.wp-block-heading, .taxonomy-product_cat h1 { font-size: 28px; }
}
@media (max-width: 700px) {

  .woocommerce-cart .cart_totals table td, .woocommerce-cart .cart_totals table th { font-size: 12.5px; }
  .woocommerce-cart .cart_totals tr.order-total td .amount { font-size: 17px; }
  .woocommerce-cart .cart_totals table tr td { background: transparent !important; }
}
@media (max-width: 700px) {
  .single-post .rank-math-breadcrumb { display: none; }
  .single-post main.wp-block-group { padding: 20px 20px 24px !important; }
}
@media (max-width: 700px) {
  .mojo-sectie-hero .wp-block-button__link { padding: 16px; font-size: 15px; }
  .mojo-sectie-hero .is-style-outline .wp-block-button__link { padding: 14px; }
  .mojo-sectie-hero .has-small-font-size { line-height: 1.6; }
}

/* Mobiel product: bordblokken (stappenkaartje na staffel, geen infokaarten/related) */
.mojo-stappen-mobiel { display: none; }
@media (max-width: 700px) {
  .mojo-stappen-mobiel { display: block; background: #ffffff; border-radius: 16px; padding: 15px 17px; }
  .mojo-stappen-mobiel p { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--wp--preset--color--tekst); margin: 0 0 9px 0 !important; }
  .mojo-stappen-mobiel p:last-child { margin-bottom: 0 !important; }
  .single-product .mojo-infokaarten { display: none !important; }
  .single-product .wp-block-group:has(> .wp-block-woocommerce-related-products) { display: none !important; }
}
@media (max-width: 700px) {
  .single-product main .wp-block-columns { margin-top: 0 !important; }
}
@media (max-width: 700px) {
  .single-product main > .wp-block-columns { row-gap: 0 !important; }
}

/* Mobiel winkelwagen (MobielWinkelwagen-bord) */
@media (max-width: 700px) {
  .mojo-cartkop .mojo-checkoutstappen { display: none; }
  main.mojo-cartpagina { padding: 18px 20px 30px !important; }
  .mojo-gratisbalk { padding: 11px 15px; font-size: 12px; }
  .mojo-gratisbalk-meter, .mojo-gratisbalk-meter > span { height: 7px; }
  .mojo-cartinner .mojo-carttitel { margin-top: 13px; }
  /* Itemkaart als bord-grid: foto over 2 rijen, naam + kruisje boven, stepper + prijs onder */
  .woocommerce-cart .mojo-cartpagina table.cart { border: 0; background: transparent; display: block; }
  .woocommerce-cart .mojo-cartpagina table.cart thead { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart tbody { display: block; }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item {
    display: grid !important; grid-template-columns: 58px 1fr auto; column-gap: 12px; row-gap: 10px;
    align-items: center; background: #ffffff; padding: 15px 17px; border-radius: 16px; margin-bottom: 12px;
  }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td {
    display: block; padding: 0 !important; border: 0 !important; background: transparent !important; width: auto !important;
  }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td::before { display: none !important; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-thumbnail { grid-column: 1; grid-row: 1 / span 2; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-thumbnail img { width: 58px !important; height: 58px !important; object-fit: cover; border-radius: 10px; display: block; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-name { grid-column: 2; grid-row: 1; font-size: 13px; font-weight: 700; line-height: 1.35; text-align: left !important; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-name a { color: var(--wp--preset--color--ink, #4a2c1e); }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-name dl.variation { font-size: 11px; margin: 2px 0 0; color: var(--wp--preset--color--gedempt, #8a6f5c); font-weight: 400; }
  .woocommerce-cart .mojo-cartpagina table.cart tr.woocommerce-cart-form__cart-item td.product-price { display: none !important; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-quantity { grid-column: 2; grid-row: 2; }
  .woocommerce-cart .mojo-cartpagina .quantity { display: inline-flex; padding: 6px 12px; gap: 10px; font-size: 13px; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-quantity .qty { width: 2.2ch; padding: 0; font-size: 13px; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal { grid-column: 3; grid-row: 2; text-align: right; font-size: 13.5px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal del { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-subtotal ins { text-decoration: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.product-remove { grid-column: 3; grid-row: 1; justify-self: end; }
  /* Waardebonregel: veld en knop naast elkaar, geen kaart */
  .woocommerce-cart .mojo-cartpagina table.cart tr:last-child { display: block; background: transparent; padding: 0; }
  .woocommerce-cart .mojo-cartpagina table.cart td.actions { display: block; padding: 4px 0 0 !important; border: 0 !important; background: transparent !important; }
  .woocommerce-cart .mojo-cartpagina table.cart td.actions .coupon { flex: 1 1 100%; padding: 4px 4px 4px 15px; }
  .woocommerce-cart .mojo-cartpagina table.cart td.actions .coupon .input-text { font-size: 12.5px; }
  .woocommerce-cart .mojo-cartpagina table.cart td.actions .coupon .button { padding: 9px 15px !important; font-size: 12px; }
  .mojo-aanvullers { margin-top: 8px; }
  .mojo-aanvullers-kop { font-size: 14px; }
  .mojo-aanvuller { padding: 12px 14px; border-radius: 14px; }
  .mojo-aanvuller img { width: 44px; height: 44px; border-radius: 9px; }
  .mojo-aanvuller-naam { font-size: 12px; }
  .mojo-aanvuller-prijs, .mojo-aanvuller-prijs .amount { font-size: 12.5px; }
  .mojo-aanvuller-knop { padding: 7px 12px; font-size: 11px; }
  .woocommerce-cart .cart-collaterals .cart_totals { padding: 16px 18px; border-radius: 16px; overflow: hidden; }
  .woocommerce-cart .cart_totals h2 { display: none; }
  .woocommerce-cart .cart_totals table { width: 100% !important; table-layout: fixed; margin: 0; }
  .woocommerce-cart .cart_totals table th { width: 42%; padding-left: 0; text-align: left; font-weight: 400; }
  .woocommerce-cart .cart_totals table td { text-align: right; padding-right: 0; }
  .woocommerce-cart .cart_totals table td .woocommerce-shipping-methods { text-align: right; margin: 0; }
  .mojo-verzenddagregel { font-size: 12px; }
  .mojo-gratisbalk-regel { font-size: 12px; }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 15px; padding: 16px; }
}

/* Mobiel checkout (MobielCheckout-bord) */
.mojo-checkout-gratisbalk { display: none; }
@media (max-width: 700px) {
  .mojo-checkoutkop { padding: 15px 16px; justify-content: center; }
  .mojo-checkoutkop-terug { display: none; }
  .mojo-checkoutlogo img { width: 92px; }
  .mojo-checkoutstappen { font-size: 11px; gap: 18px; padding: 14px 0 4px; }
  .mojo-checkout-gratisbalk { display: block; margin: 12px 20px 0; }
  .mojo-checkoutinner { padding: 14px 0 30px; }
  main.mojo-checkoutpagina, .mojo-checkoutpagina { padding: 0 20px !important; }
  main.mojo-cartpagina, .mojo-cartpagina { padding: 0 20px !important; }
  .mojo-checkoutinner { padding-left: 0 !important; padding-right: 0 !important; }
  /* Bord mobiel: overzicht zonder aparte subtotaalrij, verzendlabel op een regel */
  #order_review tr.cart-subtotal { display: none; }
  #order_review .woocommerce-shipping-methods li label { white-space: nowrap; }
  .woocommerce-checkout form.checkout { display: flex !important; flex-direction: column; gap: 14px; }
  .woocommerce-checkout form.checkout #order_review { order: 1; margin-top: 0; padding: 18px; border-radius: 16px; }
  .woocommerce-checkout form.checkout #customer_details { order: 2; }
  .woocommerce-checkout form.checkout .mojo-betaalkaart { order: 3; margin-top: 0; padding: 18px; border-radius: 16px; }
  .woocommerce-checkout form.checkout .mojo-checkout-verzendkaart { order: 5; margin-top: 0; }
  .woocommerce-checkout form.checkout .mojo-carttrust { order: 6; margin-top: 0; font-size: 11px; }
  #customer_details .col-1, #customer_details .col-2 { padding: 18px; border-radius: 16px; margin-top: 0; }
  #customer_details .col-2 { margin-top: 14px; }
  .mojo-kaartkop { font-size: 15px; margin-bottom: 10px; }
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row select { padding: 12px 14px; border-radius: 11px; font-size: 13px; }
  .woocommerce-checkout #payment ul.payment_methods li { padding: 13px 15px; border-radius: 12px; margin-bottom: 10px; }
  .woocommerce-checkout #payment ul.payment_methods li label { font-size: 13.5px; }
  #order_review .mojo-review-thumb { width: 50px; height: 50px; border-radius: 9px; margin-right: 11px; }
  #order_review .mojo-review-naam { font-size: 12.5px; }
  #order_review table.shop_table th, #order_review table.shop_table td { font-size: 12.5px; padding: 3px 0; }
  #order_review tr.order-total th { font-size: 15px; }
  #order_review tr.order-total td .amount { font-size: 17px; }
  .woocommerce-checkout #payment .button#place_order { font-size: 15px; padding: 16px; }
  .mojo-checkoutvoet { padding: 14px 20px; font-size: 10.5px; }
}
@media (max-width: 700px) { .mojo-aanvullers-grid { grid-template-columns: 1fr; } .mojo-aanvullers-grid .mojo-aanvuller:nth-child(2) { display: none; } }

/* Audit-fixes: knoppen exact bord (48px, geen rand), nav/labels lh normal */
.wp-block-button__link { line-height: 1.15; padding: 16px 32px; border: 0 !important; }
.is-style-outline .wp-block-button__link { border: 2px solid var(--wp--preset--color--ink) !important; padding: 14px 32px; }
.mojo-nav a, .mojo-tegels .mojo-kaart p, .mojo-verzendregel { line-height: normal; }
/* Actieve menupagina in terracotta (bord) */
.mojo-nav a[aria-current="page"], .mojo-nav .current-menu-item > a { color: var(--wp--preset--color--terracotta) !important; }
.wp-block-button__link.wp-element-button { line-height: 1.15 !important; }
/* Audit-fixes 2: sale-badge in query-grid, knoppad exact */
.wc-block-components-product-sale-badge {
  background: var(--wp--preset--color--amber, #e0a63c) !important; color: var(--wp--preset--color--ink, #4a2c1e) !important;
  border: 0 !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 700 !important;
  padding: 5px 13px !important; text-transform: none !important; letter-spacing: normal !important;
  position: absolute; top: 12px; right: 12px; z-index: 2;
}
li.product { position: relative; }
.wp-block-button__link.wp-element-button { padding: 16px 32px !important; }
.is-style-outline .wp-block-button__link.wp-element-button { padding: 14px 32px !important; }
@media (max-width: 700px) { .wc-block-components-product-sale-badge { top: 9px; right: 9px; font-size: 10px !important; padding: 4px 10px !important; } }
/* Audit-fixes 3 */
.wp-block-woocommerce-breadcrumbs { color: var(--wp--preset--color--ink) !important; font-weight: 600; }
.wp-block-woocommerce-breadcrumbs a { color: var(--wp--preset--color--gedempt) !important; font-weight: 400; }
.mojo-sterren-ster { letter-spacing: normal; }
.mojo-gratisbalk-regel strong, .mojo-gratisbalk-regel strong .woocommerce-Price-amount { color: var(--wp--preset--color--tekst); }
.mojo-gratisbalk-regel span:first-child strong:first-of-type, .mojo-gratisbalk-regel span:first-child strong:first-of-type .woocommerce-Price-amount { color: var(--wp--preset--color--terracotta); }
.woocommerce-checkout form .form-row label:not(.checkbox) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.woocommerce-checkout form .form-row { position: relative; }
/* Audit-fixes 4 */
.mojo-cijferkaart .mojo-cijfer { line-height: 1.1; }
.mojo-formulier-knop { padding: 15px; }
.mojo-contactkaart h2 { font-size: 17px !important; }
/* Audit-fixes 5 (mobiel) */
.mojo-tegels .mojo-kaart p strong, .mojo-tegels .mojo-kaart p a { font-weight: 700; }
@media (max-width: 700px) {
  .mojo-verzendregel { color: var(--wp--preset--color--tekst) !important; }
  body.tax-product_cat h1.wp-block-query-title { font-size: 27px !important; }
}

/* Mobiel product: knoppenrij en tab-accordion exact (bord) */
@media (max-width: 700px) {
  .single-product form.cart { gap: 10px; }
  .single-product form.cart .fpd-secondary-btn { width: 100%; box-sizing: border-box; }
  .single-product form.cart .quantity { flex: 0 0 52px; }
  .single-product form.cart .quantity .qty { width: 52px; height: auto; padding: 12px 0 !important; font-size: 14px; border: 2px solid var(--wp--preset--color--zandrand) !important; }
  .single-product form.cart .single_add_to_cart_button { flex: 1 1 0 !important; padding: 12px !important; font-size: 14px !important; border-width: 2px !important; }
  .mojo-tabkaart .woocommerce-tabs { padding: 6px 18px 6px; }
  .mojo-tabkaart .wc-tabs li a { padding: 15px 0 !important; font-size: 14px !important; margin: 0 !important; }
  .mojo-tabkaart .wc-tabs li { border-bottom: 1px solid var(--wp--preset--color--zandlijn) !important; }
  .mojo-tabkaart .wc-tabs li:last-child { border-bottom: 0 !important; }
  .mojo-tabkaart .wc-tabs li.mojo-accordion-panelrij { border-bottom: 1px solid var(--wp--preset--color--zandlijn) !important; }
  .mojo-tabkaart .woocommerce-Tabs-panel { padding: 0 0 15px 0 !important; margin: 0 !important; }
  .mojo-tabkaart .woocommerce-Tabs-panel p { font-size: 13px !important; line-height: 1.7 !important; }
  .mojo-tabkaart .woocommerce-Tabs-panel h2 { display: none; }
}
@media (max-width: 700px) {
  .single-product form.cart .single_add_to_cart_button { width: calc(100% - 62px); }
  .mojo-tabkaart .wc-tabs li a { line-height: 1.2 !important; }
}
@media (max-width: 700px) {
  .single-product form.cart .single_add_to_cart_button { flex: 1 1 calc(100% - 62px) !important; width: auto; line-height: 1.25 !important; }
  .single-product form.cart .quantity .qty { line-height: 1.25; }
}
@media (max-width: 700px) {
  .single-product form.cart .single_add_to_cart_button { flex: 1 1 180px !important; }
}
/* Mobiel: qty+knop-rij als grid (52px | rest), alles erboven/eronder full-width */
@media (max-width: 700px) {
  .single-product form.cart { display: grid !important; grid-template-columns: 52px 1fr; gap: 10px; padding: 0 !important; }
  .single-product form.cart > * { grid-column: 1 / -1; }
  .single-product form.cart .quantity { grid-column: 1; width: 52px; }
  .single-product form.cart .single_add_to_cart_button { grid-column: 2; width: 100% !important; flex: none !important; box-sizing: border-box; }
}
.mojo-tabspecs { max-width: 640px; }
.mojo-tabspecs .mojo-specregel { margin: 0 0 12px 0 !important; }

/* Definitief: tegels wrappen op mobiel (wint van core nowrap) + overflow-vangnet */
@media (max-width: 700px) {
  .wp-block-columns.is-not-stacked-on-mobile.mojo-tegels { flex-wrap: wrap !important; }
  .wp-block-columns.is-not-stacked-on-mobile.mojo-tegels > .wp-block-column { flex: 0 0 calc(50% - 7px) !important; }
  html, body { overflow-x: hidden; }
}

/* ===== Productpagina: qty/knop/tabs LETTERLIJK naar bord-CSS ===== */
/* Bord qty: width 54 + pad 13/20 + border 2 = 98px; knop: flex-grow, pad 13/26; rij-gap 12 */
/* YITH zet form.cart:has(#yith-wapo-container ...) op block !important (id-specificiteit); evenaren */
.single-product form.cart, .single-product form.cart:has(#yith-wapo-container .yith-wapo-block) { display: grid !important; grid-template-columns: 122px 1fr !important; gap: 12px !important; align-items: stretch; padding: 0 !important; }
/* Woo's clearfix-pseudo wordt anders als extra gridcel geplaatst en steelt 12px van de knop. */
.single-product form.cart::before, .single-product form.cart::after { display: none !important; content: none !important; }
.single-product form.cart > * { grid-column: 1 / -1; }
.single-product form.cart .quantity {
  grid-column: 1 !important; width: 122px !important; height: 45px; margin: 0 !important; flex: none !important;
  display: inline-flex !important; align-items: center; justify-content: space-between; gap: 2px;
  box-sizing: border-box; padding: 0 13px; background: #ffffff;
  border: 2px solid var(--wp--preset--color--zandrand); border-radius: 999px;
}
.single-product form.cart .quantity .qty {
  flex: 1 1 auto; min-width: 0; width: 100% !important; height: 41px !important; box-sizing: border-box !important; margin: 0 !important;
  padding: 0 !important; font-size: 15px !important; font-weight: 700 !important; text-align: center;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; line-height: normal !important;
  -moz-appearance: textfield; appearance: textfield; outline: none;
}
.single-product form.cart .quantity .qty::-webkit-outer-spin-button,
.single-product form.cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.single-product form.cart .single_add_to_cart_button {
  grid-column: 2 !important; width: 100% !important; height: 45px !important; flex: none !important; box-sizing: border-box;
  padding: 0 26px !important; font-size: 15px !important; font-weight: 700 !important; line-height: 41px !important;
}
/* Bord desktop: alleen Beschrijving en Reviews als tab; Specificaties staat in de infokaart
   (mobiel houdt de accordion met alle drie). */
@media (min-width: 701px) {
  .mojo-tabkaart #tab-title-additional_information, .mojo-tabkaart #tab-title-mojo_specs,
  .mojo-tabkaart #tab-additional_information, .mojo-tabkaart #tab-mojo_specs { display: none !important; }
}
/* Bord tabs: witte kaart r20; tabrij gap 6, 2px zandlijn onderrand, pad 0 30; tab pad 18/22 fs15;
   actief fw700 terracotta + 3px onderrand; inactief fw600 gedempt; panel pad 28/30/32 max 860 */
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs { background: #ffffff; border-radius: 20px; padding: 0 !important; overflow: hidden; }
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs {
  display: flex !important; gap: 6px !important; margin: 0 !important; padding: 0 30px !important;
  background: none !important; border: 0 !important; border-bottom: 2px solid var(--wp--preset--color--zandlijn) !important; list-style: none !important; overflow: visible !important;
}
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; }
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li {
  background: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important;
}
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; }
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li a {
  display: inline-block !important; padding: 18px 22px !important; margin: 0 0 -2px 0 !important;
  font-size: 15px !important; font-weight: 600 !important; color: var(--wp--preset--color--gedempt) !important;
  border-bottom: 3px solid transparent !important; line-height: normal !important;
}
.woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li.active a {
  font-weight: 700 !important; color: var(--wp--preset--color--terracotta) !important;
  border-bottom-color: var(--wp--preset--color--terracotta) !important;
}
.woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel { padding: 28px 30px 32px !important; max-width: 860px; }
.woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel h2 { font-size: 20px !important; margin: 0 0 14px 0; }
.woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel p { font-size: 15px; line-height: 1.75; color: var(--wp--preset--color--tekst); }
/* Mobiel-overrides (bord mobiel: qty 56 totaal, knop pad 12 fs14, tabs = accordion) */
@media (max-width: 700px) {
  .single-product form.cart, .single-product form.cart:has(#yith-wapo-container .yith-wapo-block) { grid-template-columns: 100px 1fr !important; gap: 10px !important; }
  .single-product form.cart .quantity { width: 100px !important; height: 42px; padding: 0 11px; }
  .single-product form.cart .quantity .qty { height: 38px !important; padding: 0 !important; font-size: 14px !important; }
  .single-product form.cart .single_add_to_cart_button { height: 42px !important; padding: 0 12px !important; font-size: 14px !important; line-height: 38px !important; }
  #fpd-start-customizing-button.fpd-secondary-btn { padding: 16px !important; font-size: 15px !important; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs { border-radius: 16px; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs { display: block !important; padding: 6px 18px !important; border-bottom: 0 !important; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li { display: block !important; float: none !important; width: 100% !important; border-bottom: 0 !important; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li.mojo-accordion-panelrij { padding: 0 !important; border-bottom: 1px solid var(--wp--preset--color--zandlijn) !important; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li.mojo-accordion-panelrij:last-child { border-bottom: 0 !important; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs > li:not(.mojo-accordion-panelrij) > a,
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs > li.active:not(.mojo-accordion-panelrij) > a {
    display: flex !important; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box;
    padding: 15px 0 !important; margin: 0 !important; font-size: 14px !important; font-weight: 700 !important;
    color: var(--wp--preset--color--ink) !important; border-bottom: 0 !important;
  }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs > li:not(.mojo-accordion-panelrij) > a::after { content: "\25BE"; color: var(--wp--preset--color--gedempt); }
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs > li.active:not(.mojo-accordion-panelrij) > a::after { content: "\25B4"; color: var(--wp--preset--color--terracotta); }
  /* Gewone tekstlinks in de panelinhoud blijven gewone links */
  .woocommerce div.product .mojo-tabkaart .woocommerce-tabs ul.tabs li.mojo-accordion-panelrij a {
    display: inline !important; padding: 0 !important; margin: 0 !important;
    font-size: inherit !important; font-weight: inherit !important;
    color: var(--wp--preset--color--terracotta, #c25e35) !important; border: 0 !important;
  }
  .woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel { padding: 0 0 15px 0 !important; max-width: none; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel h2 { display: none; }
  .woocommerce div.product .mojo-tabkaart .woocommerce-Tabs-panel p { font-size: 13px; line-height: 1.7; color: var(--wp--preset--color--tekst); }
}

/* ==================== Blogoverzicht (bord BlogOverzicht) ==================== */
.mojo-blogindex .mojo-crumb { margin: 0; font-size: 13px; color: #8a6f5c; }
.mojo-blogindex .mojo-crumb a { color: #8a6f5c; text-decoration: none; }
.mojo-blogindex .mojo-crumb span { color: #4a2c1e; font-weight: 600; }
.mojo-blogtitel { margin: 18px 0 8px !important; font-size: 38px; font-weight: 700; }
.mojo-blogintro { margin: 0 !important; font-size: 15px; line-height: 1.75; color: #6d5240; max-width: 620px; }
ul.mojo-bloggrid { list-style: none; padding: 0; margin: 26px 0 0 !important; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
ul.mojo-bloggrid > li { margin: 0; }
.mojo-blogkaart { background: #ffffff; border-radius: 18px; overflow: hidden; height: 100%; box-sizing: border-box; }
.mojo-blogkaart .wp-block-post-featured-image { margin: 0; }
.mojo-blogkaart .wp-block-post-featured-image a { display: block; }
.mojo-blogkaart .wp-block-post-featured-image img { width: 100%; height: 180px; object-fit: cover; display: block; border-radius: 0; }
.mojo-blogkaart-tekst { padding: 18px 20px 20px; }
.mojo-blogeyebrow { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #8a6f5c; }
.mojo-blogeyebrow a { color: inherit; text-decoration: none; }
.mojo-blogkaart-titel { margin: 6px 0 0 !important; font-size: 16px; font-weight: 700; line-height: 1.35; }
.mojo-blogkaart-titel a { color: #4a2c1e; text-decoration: none; }
.mojo-blogexcerpt { display: none; }
.mojo-blogkaart .mojo-kaartmeta { margin: 8px 0 0; font-size: 12px; color: #8a6f5c; }
.mojo-blogkaart .mojo-leesverder { display: none; }
/* Eerste artikel = uitgelicht */
ul.mojo-bloggrid > li:first-child { grid-column: 1 / -1; margin-bottom: 4px; }
ul.mojo-bloggrid > li:first-child .mojo-blogkaart { display: grid; grid-template-columns: 7fr 5fr; border-radius: 20px; }
ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image,
ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image a,
ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image img { height: 360px; }
ul.mojo-bloggrid > li:first-child .mojo-blogkaart-tekst { padding: 34px 36px; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
ul.mojo-bloggrid > li:first-child .mojo-blogeyebrow { color: #c25e35; }
ul.mojo-bloggrid > li:first-child .mojo-blogkaart-titel { margin: 0 !important; font-size: 26px; line-height: 1.25; }
ul.mojo-bloggrid > li:first-child .mojo-blogexcerpt { display: block; margin: 0; }
ul.mojo-bloggrid > li:first-child .mojo-blogexcerpt p { margin: 0; font-size: 14.5px; line-height: 1.7; color: #6d5240; }
ul.mojo-bloggrid > li:first-child .mojo-kaartmeta { margin: 0; font-size: 12.5px; }
ul.mojo-bloggrid > li:first-child .mojo-kaartmeta::before { content: "Door Quincy · "; }
ul.mojo-bloggrid > li:first-child .mojo-leesverder { display: block; margin: 0; font-size: 14px; font-weight: 700; color: #c25e35; text-decoration: none; }
.mojo-blogpaginering { margin-top: 36px !important; font-size: 14px; font-weight: 600; }
.mojo-blogpaginering a, .mojo-blogpaginering .page-numbers { color: #c25e35; text-decoration: none; }
.mojo-blogpaginering .page-numbers.current { color: #4a2c1e; }
@media (max-width: 700px) {
  main.mojo-blogindex { padding: 16px 20px 34px !important; }
  .mojo-blogindex .mojo-crumb { font-size: 12px; }
  .mojo-blogtitel { margin: 12px 0 6px !important; font-size: 27px; }
  .mojo-blogintro { font-size: 13.5px; line-height: 1.65; }
  ul.mojo-bloggrid { grid-template-columns: 1fr; gap: 14px; margin-top: 16px !important; }
  ul.mojo-bloggrid > li:first-child { margin-bottom: 0; }
  ul.mojo-bloggrid > li:first-child .mojo-blogkaart { display: block; border-radius: 18px; }
  ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image,
  ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image a,
  ul.mojo-bloggrid > li:first-child .wp-block-post-featured-image img { height: 190px; }
  ul.mojo-bloggrid > li:first-child .mojo-blogkaart-tekst { padding: 16px 18px 18px; display: block; }
  ul.mojo-bloggrid > li:first-child .mojo-blogeyebrow { font-size: 10.5px; }
  ul.mojo-bloggrid > li:first-child .mojo-blogkaart-titel { margin: 5px 0 0 !important; font-size: 17px; line-height: 1.3; }
  ul.mojo-bloggrid > li:first-child .mojo-blogexcerpt { display: none; }
  ul.mojo-bloggrid > li:first-child .mojo-kaartmeta { margin: 7px 0 0; font-size: 12px; }
  ul.mojo-bloggrid > li:first-child .mojo-kaartmeta::before { content: ""; }
  ul.mojo-bloggrid > li:first-child .mojo-leesverder { display: none; }
  ul.mojo-bloggrid > li:not(:first-child) .mojo-blogkaart { display: flex; align-items: center; gap: 14px; border-radius: 16px; padding: 14px 16px; }
  ul.mojo-bloggrid > li:not(:first-child) .wp-block-post-featured-image { width: 74px; flex-shrink: 0; }
  ul.mojo-bloggrid > li:not(:first-child) .wp-block-post-featured-image img { width: 74px; height: 74px; border-radius: 12px; }
  ul.mojo-bloggrid > li:not(:first-child) .mojo-blogkaart-tekst { padding: 0; flex: 1; min-width: 0; }
  ul.mojo-bloggrid > li:not(:first-child) .mojo-blogeyebrow { font-size: 10.5px; }
  ul.mojo-bloggrid > li:not(:first-child) .mojo-blogkaart-titel { margin: 3px 0 0 !important; font-size: 14px; line-height: 1.3; }
  ul.mojo-bloggrid > li:not(:first-child) .mojo-kaartmeta { margin: 4px 0 0; font-size: 11.5px; }
}

/* ==================== Zoekresultaten (bord Zoekresultaten) ==================== */
.mojo-zoektitel { margin: 0 0 6px; font-size: 34px; font-weight: 700; color: #4a2c1e; }
.mojo-zoekhint { margin: 0; font-size: 14px; color: #6d5240; }
.mojo-zoekbalkregel { display: flex; align-items: center; gap: 16px; padding: 22px 0 18px; margin: 0 !important; }
.mojo-zoekaantal { font-size: 14px; color: #8a6f5c; }
.mojo-zoeksorteer { margin: 0 0 0 auto; }
.mojo-zoeksorteer select {
  appearance: none; -webkit-appearance: none;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a2c1e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 16px center / 12px;
  border: 2px solid #d9c9b4; border-radius: 999px; padding: 9px 38px 9px 18px;
  font-family: 'Archivo', system-ui, sans-serif; font-size: 13px; font-weight: 600; color: #4a2c1e; cursor: pointer;
}
.mojo-zoekgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 0 !important; }
.mojo-zoekkaart { display: block; background: #ffffff; border-radius: 18px; overflow: hidden; text-decoration: none; }
.mojo-zoekkaart img { width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; display: block; }
.mojo-zoekkaart-info { display: block; padding: 12px 15px 13px; }
.mojo-zoekkaart-naam { display: block; font-size: 14px; font-weight: 600; color: #4a2c1e; line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mojo-zoekkaart-prijs { display: block; margin-top: 3px; font-size: 15px; font-weight: 700; color: #4a2c1e; }
.mojo-zoekleeg { padding: 40px 0; text-align: center; }
.mojo-zoekleeg p { margin: 0 0 18px; font-size: 15px; color: #6d5240; }
.mojo-zoekleeg-knop { display: inline-block; background: #c25e35; color: #ffffff !important; border-radius: 999px; padding: 13px 26px; font-size: 14px; font-weight: 700; text-decoration: none; }
.mojo-zoekblog { margin: 40px 0 0; }
.mojo-zoekblog h2 { margin: 0 0 16px; font-size: 22px; font-weight: 700; color: #4a2c1e; }
.mojo-zoekblog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mojo-zoekblogrij { display: flex; align-items: center; gap: 16px; background: #ffffff; border-radius: 16px; padding: 20px 24px; text-decoration: none; }
.mojo-zoekblogrij img { width: 64px; height: 64px; object-fit: cover; border-radius: 12px; flex-shrink: 0; }
.mojo-zoekblogrij-titel { display: block; font-size: 15px; font-weight: 700; color: #4a2c1e; }
.mojo-zoekblogrij-meta { display: block; margin-top: 4px; font-size: 12px; color: #8a6f5c; }
@media (max-width: 700px) {
  main.mojo-zoekpagina { padding: 16px 20px 34px !important; }
  .mojo-zoektitel { margin-bottom: 5px; font-size: 24px; }
  .mojo-zoekhint { display: none; }
  .mojo-zoekbalkregel { gap: 12px; padding: 10px 0 14px; }
  .mojo-zoekaantal { font-size: 13px; }
  .mojo-zoeksorteer select { padding: 8px 32px 8px 15px; font-size: 12px; background-size: 11px; background-position: right 13px center; }
  .mojo-zoekgrid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .mojo-zoekkaart { border-radius: 16px; }
  .mojo-zoekkaart-info { padding: 10px 13px 11px; }
  .mojo-zoekkaart-naam { font-size: 12.5px; }
  .mojo-zoekkaart-prijs { margin-top: 2px; font-size: 14px; }
  .mojo-zoekblog { margin-top: 22px; }
  .mojo-zoekblog h2 { margin-bottom: 12px; font-size: 18px; }
  .mojo-zoekblog-grid { grid-template-columns: 1fr; gap: 12px; }
  .mojo-zoekblogrij { gap: 13px; border-radius: 16px; padding: 13px 15px; }
  .mojo-zoekblogrij img { width: 60px; height: 60px; border-radius: 11px; }
  .mojo-zoekblogrij-titel { font-size: 13.5px; line-height: 1.3; }
  .mojo-zoekblogrij-meta { font-size: 11.5px; }
}

/* Checkout: postcoderij (bord: Postcode | Huisnr. | Toev., daarna straat/plaats automatisch) */
.woocommerce-checkout p.mojo-veld-pc, .woocommerce-checkout p.mojo-veld-nr, .woocommerce-checkout p.mojo-veld-toev { box-sizing: border-box; }
.woocommerce-checkout p.mojo-veld-pc { float: left; width: 46%; margin-right: 4%; }
.woocommerce-checkout p.mojo-veld-nr { float: left; width: 23%; margin-right: 4%; }
.woocommerce-checkout p.mojo-veld-toev { float: left; width: 19%; }
.woocommerce-checkout p.mojo-veld-straat { clear: both; }

/* ==================== Auteursblok blogartikel (bord Blogartikel) ==================== */
.mojo-auteur { display: flex; align-items: center; gap: 16px; border-top: 2px solid var(--wp--preset--color--zandlijn, #eadfc9); margin-top: 26px; padding-top: 22px; }
.mojo-auteur-avatar { width: 52px; height: 52px; border-radius: 999px; background: var(--wp--preset--color--ink, #4a2c1e); color: #f7efe2; font-family: 'Titan One', sans-serif; font-size: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mojo-auteur-naam { font-size: 15px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-auteur-bio { font-size: 13px; color: #8a6f5c; line-height: 1.6; margin-top: 2px; }
@media (max-width: 700px) {
  .mojo-auteur { gap: 12px; margin-top: 18px; padding-top: 16px; }
  .mojo-auteur-avatar { width: 44px; height: 44px; font-size: 19px; }
  .mojo-auteur-naam { font-size: 13.5px; }
  .mojo-auteur-bio { font-size: 11.5px; line-height: 1.55; margin-top: 1px; }
}

/* ==================== Bedankpagina (bord Bedankt) ==================== */
.mojo-bedankt { max-width: 980px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.mojo-bedankt-kaart { background: #ffffff; border-radius: 20px; padding: 30px 34px; }
.mojo-bedankt-hero { padding: 40px 44px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.mojo-bedankt-vink { width: 58px; height: 58px; border-radius: 999px; background: #eef4e6; display: flex; align-items: center; justify-content: center; }
h1.mojo-bedankt-titel { margin: 0; font-size: 30px; font-weight: 700; }
.mojo-bedankt-sub { margin: 0; font-size: 15px; color: #6d5240; line-height: 1.7; max-width: 560px; }
.mojo-bedankt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 8px; font-size: 12.5px; color: #6d5240; }
.mojo-bedankt-chips > span { background: #fdf8ee; border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9); border-radius: 999px; padding: 6px 14px; }
h2.mojo-bedankt-kop { margin: 0 0 20px; font-size: 18px; font-weight: 700; }
.mojo-bedankt-stappen { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px; }
.mojo-bedankt-stap { display: flex; gap: 14px; align-items: flex-start; }
.mojo-bedankt-nr { width: 34px; height: 34px; border-radius: 999px; background: var(--wp--preset--color--terracotta, #c25e35); color: #fff7ec; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mojo-bedankt-stap strong { display: block; font-size: 14.5px; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-bedankt-stap p { margin: 3px 0 0; font-size: 13px; color: #6d5240; line-height: 1.6; }
.mojo-bedankt-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 20px; align-items: start; }
.mojo-bedankt-zijkolom { display: flex; flex-direction: column; gap: 20px; }
.mojo-bedankt-zijkolom .mojo-bedankt-kaart { padding: 24px 28px; }
.mojo-bedankt-zijkolom h2.mojo-bedankt-kop { margin-bottom: 8px; font-size: 15px; }
.mojo-bedankt-item { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.mojo-bedankt-item img { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; flex-shrink: 0; }
.mojo-bedankt-itemtekst { flex-grow: 1; }
.mojo-bedankt-itemnaam { display: block; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-bedankt-itemsub { display: block; font-size: 12.5px; color: #8a6f5c; }
.mojo-bedankt-itemprijs { font-size: 14px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-bedankt-totalen { border-top: 1px solid var(--wp--preset--color--zandlijn, #eadfc9); padding-top: 14px; display: flex; flex-direction: column; gap: 8px; font-size: 13.5px; color: #6d5240; }
.mojo-bedankt-totalen > div { display: flex; justify-content: space-between; }
.mojo-bedankt-totalen .mojo-bedankt-totaal { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); padding-top: 4px; }
.mojo-bedankt-totalen .mojo-bedankt-totaal span:last-child { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-bedankt-adres { margin: 0; font-size: 13.5px; color: #6d5240; line-height: 1.8; }
.mojo-bedankt-hulp { background: #fdf8ee; border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9); border-radius: 20px; padding: 20px 24px; font-size: 13px; color: #6d5240; line-height: 1.7; }
.mojo-bedankt-voet { display: flex; align-items: center; justify-content: center; gap: 22px; padding-top: 8px; }
a.mojo-bedankt-knop { display: inline-block; border: 2px solid var(--wp--preset--color--ink, #4a2c1e); border-radius: 999px; font-size: 14px; font-weight: 700; padding: 13px 26px; color: var(--wp--preset--color--ink, #4a2c1e); text-decoration: none; }
.mojo-bedankt-keur { font-size: 13px; color: #6d5240; }
.mojo-bedankt-keur .mojo-rotster { color: var(--wp--preset--color--amber, #e0a63c); }
@media (max-width: 700px) {
  .mojo-bedankt { gap: 14px; }
  .mojo-bedankt-kaart { border-radius: 16px; padding: 18px; }
  .mojo-bedankt-hero { padding: 26px 20px; gap: 8px; }
  .mojo-bedankt-vink { width: 48px; height: 48px; }
  h1.mojo-bedankt-titel { font-size: 21px; line-height: 1.3; }
  .mojo-bedankt-sub { font-size: 13px; line-height: 1.65; }
  .mojo-bedankt-chips { gap: 7px; margin-top: 5px; font-size: 11.5px; }
  .mojo-bedankt-chip-datum { display: none; }
  .mojo-bedankt-chips > span { padding: 5px 11px; }
  h2.mojo-bedankt-kop { margin-bottom: 14px; font-size: 15px; }
  .mojo-bedankt-stappen { grid-template-columns: 1fr; gap: 14px; }
  .mojo-bedankt-nr { width: 28px; height: 28px; font-size: 13px; }
  .mojo-bedankt-stap { gap: 12px; }
  .mojo-bedankt-stap strong { font-size: 13.5px; }
  .mojo-bedankt-stap p { margin-top: 2px; font-size: 12px; line-height: 1.55; }
  .mojo-bedankt-grid { grid-template-columns: 1fr; gap: 14px; }
  .mojo-bedankt-zijkolom { gap: 14px; }
  .mojo-bedankt-item img { width: 48px; height: 48px; border-radius: 9px; }
  .mojo-bedankt-itemnaam { font-size: 13px; }
  .mojo-bedankt-itemprijs { font-size: 13px; }
  .mojo-bedankt-totalen { padding-top: 11px; gap: 6px; font-size: 12.5px; }
  .mojo-bedankt-totalen .mojo-bedankt-totaal { font-size: 15px; }
  .mojo-bedankt-hulp { border-radius: 14px; padding: 14px 16px; font-size: 12px; }
  .mojo-bedankt-voet { flex-direction: column; gap: 12px; padding-top: 0; }
  a.mojo-bedankt-knop { width: 100%; text-align: center; box-sizing: border-box; padding: 13px; font-size: 13.5px; }
  .mojo-bedankt-keur { font-size: 11.5px; text-align: center; }
}

/* Woo verbergt de minicart op de cartpagina; het bord toont hem gewoon */
.woocommerce-cart .mojo-minicart { visibility: visible !important; }

/* Hamburger in de cart-topbar (bord MobielWinkelwagen): alleen mobiel */
.mojo-hamburger-cart { display: none; }
@media (max-width: 700px) {
  .mojo-hamburger-cart { display: block; position: absolute; top: 22px; left: 16px; z-index: 20; padding: 0; background: transparent; border: 0; cursor: pointer; }
  .mojo-topbar { position: relative; }
}

/* Mobiele checkout (bord MobielCheckout): naamvelden breed, postcoderij passend */
@media (max-width: 700px) {
  .woocommerce-checkout p#billing_first_name_field, .woocommerce-checkout p#billing_last_name_field,
  .woocommerce-checkout p#shipping_first_name_field, .woocommerce-checkout p#shipping_last_name_field { width: 100% !important; float: none !important; }
  .woocommerce-checkout p.mojo-veld-pc { width: 42% !important; margin-right: 4% !important; }
  .woocommerce-checkout p.mojo-veld-nr { width: 25% !important; margin-right: 4% !important; }
  .woocommerce-checkout p.mojo-veld-toev { width: 20% !important; }
}

/* ==================== Land-pulldown (select2) in huisstijl ==================== */
.woocommerce .select2-container--default .select2-selection--single {
  border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); border-radius: 12px;
  height: 48px; background: #ffffff; outline: none;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important; padding: 0 34px 0 16px !important; margin: 0 !important;
  color: var(--wp--preset--color--ink, #4a2c1e); font-size: 14px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; right: 12px; }
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--wp--preset--color--ink, #4a2c1e) transparent transparent; }
.woocommerce .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--wp--preset--color--terracotta, #c25e35); }
.select2-dropdown { border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); border-radius: 12px; overflow: hidden; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--wp--preset--color--terracotta, #c25e35); }
.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9); border-radius: 8px; padding: 6px 10px; }

/* ==================== Mobiel: ritme en breedtes cart + checkout ==================== */
@media (max-width: 700px) {
  /* Cart: gelijkmatige ruimtes tussen de blokken */
  .woocommerce-cart .mojo-cartpagina table.cart { margin-bottom: 0 !important; }
  .woocommerce-cart .mojo-cartpagina td.actions { padding-top: 0 !important; }
  .mojo-aanvullers { margin-top: 14px; }
  .woocommerce-cart .cart-collaterals { margin-top: 14px; }
  /* Checkout: gratisbalk even breed als de kaarten */
  .mojo-checkoutpagina .mojo-checkout-gratisbalk { padding: 0 !important; margin: 12px 0 0; }
  /* Vast ritme: alle blokken exact 14px uit elkaar via de flex-gap */
  .woocommerce-checkout form.checkout { row-gap: 14px !important; }
  .woocommerce-checkout form.checkout > .mojo-kaartkop { margin: 2px 0 -6px !important; }
  .woocommerce-checkout h3#ship-to-different-address {
    display: block; width: 100%; box-sizing: border-box;
    background: #ffffff; border-radius: 16px; padding: 15px 17px; margin: 0;
    font-size: 13.5px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e);
  }
  #customer_details .col-2 { padding: 0 !important; background: transparent !important; }
  .woocommerce-shipping-fields { margin: 0 !important; }
  /* Uitgeklapt ander-adresblok: sluit naadloos aan op de vinkje-kaart, als één uitklappend blok */
  .woocommerce-checkout #customer_details .col-2 .shipping_address {
    background: #ffffff; border-radius: 0 0 16px 16px; padding: 2px 17px 17px; margin-top: 0; box-sizing: border-box;
  }
  .woocommerce-checkout form.checkout .mojo-betaalkaart { margin-top: 0 !important; }
  #order_review { margin-top: 0 !important; }
  /* Land-pulldown op veldhoogte mobiel */
  .woocommerce .select2-container--default .select2-selection--single { height: 45px; border-radius: 11px; }
  .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 41px !important; font-size: 13px; padding: 0 30px 0 14px !important; }
  .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 41px; }
}

/* ==================== Uitklapbare winkelwagen (borden MiniCart/MobielMiniCart) ==================== */
.mojo-drawer-overlay { position: fixed; inset: 0; z-index: 99990; background: rgba(74, 44, 30, 0.45); opacity: 0; transition: opacity 0.24s ease; }
body.mojo-drawer-open .mojo-drawer-overlay { opacity: 1; }
.mojo-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 99991; width: 420px; max-width: calc(100vw - 46px);
  background: #f7efe2; box-shadow: -12px 0 40px rgba(74, 44, 30, 0.25);
  display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.24s ease;
}
body.mojo-drawer-open .mojo-drawer { transform: translateX(0); }
.mojo-drawer[hidden], .mojo-drawer-overlay[hidden] { display: none !important; }
.mojo-drawer-kop { display: flex; align-items: center; justify-content: space-between; padding: 22px 26px 18px; border-bottom: 2px solid var(--wp--preset--color--zandlijn, #eadfc9); }
.mojo-drawer-titel { font-size: 20px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-drawer-teller { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--gedempt, #8a6f5c); }
.mojo-drawer-sluit { background: none; border: 0; padding: 0; cursor: pointer; color: var(--wp--preset--color--ink, #4a2c1e); line-height: 0; }
.mojo-drawer-gratis { margin: 16px 26px 0; }
.mojo-drawer-gratis .mojo-gratisbalk { padding: 10px 14px; margin: 0; }
.mojo-drawer-items { flex-grow: 1; overflow-y: auto; padding: 16px 26px; display: flex; flex-direction: column; gap: 12px; }
.mojo-drawer-item {
  background: #ffffff; border-radius: 14px; padding: 13px 15px;
  display: grid; grid-template-columns: 56px 1fr auto; column-gap: 12px; row-gap: 9px; align-items: center;
}
.mojo-drawer-foto { grid-row: 1 / span 2; line-height: 0; }
.mojo-drawer-foto img { width: 56px !important; height: 56px !important; object-fit: cover; border-radius: 10px; }
.mojo-drawer-naam { font-size: 13.5px; font-weight: 700; line-height: 1.3; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-drawer-meta { display: block; font-size: 11px; font-weight: 400; color: var(--wp--preset--color--gedempt, #8a6f5c); margin-top: 2px; }
.mojo-drawer-weg { justify-self: end; background: none; border: 0; padding: 4px; cursor: pointer; color: var(--wp--preset--color--gedempt, #8a6f5c); line-height: 0; }
.mojo-drawer-weg:hover { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-drawer-aantal { display: inline-flex; align-items: center; gap: 10px; border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4); border-radius: 999px; padding: 5px 11px; font-size: 12.5px; font-weight: 700; justify-self: start; background: #ffffff; }
.mojo-drawer-aantal button { background: none; border: 0; padding: 0; font-size: 13px; font-weight: 700; color: var(--wp--preset--color--gedempt, #8a6f5c); cursor: pointer; line-height: 1; }
.mojo-drawer-aantal button:hover { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-drawer-prijs { font-size: 13.5px; font-weight: 700; text-align: right; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-drawer-prijs del { display: none; }
.mojo-drawer-prijs ins { text-decoration: none; }
.mojo-drawer-voet { border-top: 2px solid var(--wp--preset--color--zandlijn, #eadfc9); padding: 18px 26px 22px; display: flex; flex-direction: column; gap: 12px; }
.mojo-drawer-subtotaal { display: flex; justify-content: space-between; font-size: 15px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-drawer-subtotaal span:last-child, .mojo-drawer-subtotaal .amount { color: var(--wp--preset--color--terracotta, #c25e35); }
.mojo-drawer-verzend { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-drawer-verzend svg { flex-shrink: 0; }
a.mojo-drawer-afrekenen { display: block; background: var(--wp--preset--color--terracotta, #c25e35); color: #fff7ec !important; border-radius: 999px; font-size: 15px; font-weight: 700; padding: 15px; text-align: center; text-decoration: none; }
a.mojo-drawer-afrekenen:hover { background: var(--wp--preset--color--bordeaux-hover, #a54b28); }
a.mojo-drawer-bekijk { display: block; border: 2px solid var(--wp--preset--color--ink, #4a2c1e); border-radius: 999px; font-size: 13.5px; font-weight: 700; padding: 12px; text-align: center; color: var(--wp--preset--color--ink, #4a2c1e); text-decoration: none; }
.mojo-drawer-keur { font-size: 11.5px; color: var(--wp--preset--color--tekst, #6d5240); text-align: center; }
.mojo-drawer-keur .mojo-rotster { color: var(--wp--preset--color--amber, #e0a63c); }
.mojo-drawer-leeg { padding: 40px 26px; text-align: center; }
.mojo-drawer-leeg p { margin: 0 0 16px; font-size: 14px; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-drawer-leeg .mojo-drawer-afrekenen { display: inline-block; padding: 13px 24px; }
@media (max-width: 700px) {
  .mojo-drawer { width: 344px; }
  .mojo-drawer-kop { padding: 18px 20px 14px; }
  .mojo-drawer-titel { font-size: 17px; }
  .mojo-drawer-teller { font-size: 12.5px; }
  .mojo-drawer-gratis { margin: 13px 20px 0; }
  .mojo-drawer-gratis .mojo-gratisbalk { padding: 9px 12px; }
  .mojo-drawer-items { padding: 13px 20px; gap: 10px; }
  .mojo-drawer-item { border-radius: 13px; padding: 12px 13px; grid-template-columns: 50px 1fr auto; column-gap: 11px; row-gap: 8px; }
  .mojo-drawer-foto img { width: 50px !important; height: 50px !important; border-radius: 9px; }
  .mojo-drawer-naam { font-size: 12.5px; }
  .mojo-drawer-meta { font-size: 10.5px; }
  .mojo-drawer-aantal { gap: 9px; padding: 4px 10px; font-size: 12px; }
  .mojo-drawer-prijs { font-size: 12.5px; }
  .mojo-drawer-voet { padding: 14px 20px 18px; gap: 10px; }
  .mojo-drawer-subtotaal { font-size: 14px; }
  .mojo-drawer-verzend { font-size: 11px; }
  a.mojo-drawer-afrekenen { font-size: 14px; padding: 13px; }
  a.mojo-drawer-bekijk { font-size: 12.5px; padding: 11px; }
  .mojo-drawer-keur { font-size: 10.5px; }
}

/* Verzendkaart checkout: volle breedte op mobiel */
@media (max-width: 700px) {
  .woocommerce-checkout form.checkout .mojo-checkout-verzendkaart { width: 100%; box-sizing: border-box; }
}

/* ==================== Cart: waardebonrij conform bord (veld met geintegreerde knop) ==================== */
.woocommerce-cart .mojo-cartpagina table.cart td.actions {
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding: 16px 0 0 !important; background: transparent !important; border: 0 !important;
}
.woocommerce-cart .mojo-cartpagina td.actions .coupon {
  display: flex; flex-wrap: nowrap; align-items: center; float: none; margin: 0 auto 0 0; box-sizing: border-box;
  flex: 0 0 340px; background: #ffffff; border: 2px solid var(--wp--preset--color--zandrand, #d9c9b4);
  border-radius: 999px; padding: 5px 5px 5px 18px;
}
.woocommerce-cart .mojo-cartpagina td.actions .coupon .input-text {
  flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; border: 0 !important; background: transparent !important;
  padding: 8px 8px 8px 0 !important; margin: 0 !important; font-size: 13px; box-sizing: border-box; float: none; outline: none;
}
.woocommerce-cart .mojo-cartpagina td.actions .coupon .button {
  flex: 0 0 auto; background: var(--wp--preset--color--ink, #4a2c1e) !important; color: #f7efe2 !important;
  border: 0 !important; border-radius: 999px; padding: 9px 18px !important; font-size: 12.5px; font-weight: 700;
  margin: 0 !important; float: none; line-height: normal; white-space: nowrap; cursor: pointer;
}
.woocommerce-cart .mojo-cartpagina td.actions .coupon .button:hover { background: var(--wp--preset--color--terracotta, #c25e35) !important; }
/* De update-knop is verborgen (stepper klikt hem via JS); zie de display:none-regel verderop. */

/* Gratisbalk: desktop in de rechterkolom boven het overzicht, mobiel bovenaan de pagina */
.mojo-gratisbalk-zijkolom { margin-bottom: 14px; }
.mojo-gratisbalk-zijkolom .mojo-gratisbalk { margin: 0; max-width: none; }
@media (min-width: 701px) {
  .mojo-cartinner > .mojo-gratisbalk, .mojo-cartinner > .wp-block-group > .mojo-gratisbalk { display: none; }
}
@media (max-width: 700px) {
  .mojo-gratisbalk-zijkolom { display: none; }
  .woocommerce-cart .mojo-cartpagina table.cart td.actions { flex-wrap: wrap; gap: 8px; }
}

/* Mobiel: de rechterkolom-wrapper valt weg zodat de flex-volgorde weer per blok werkt */
@media (max-width: 700px) {
  .woocommerce-checkout form.checkout > .mojo-checkoutrechts { display: contents; }
}

/* ==================== Cart-icoon header conform bord (tas + amber badge) ==================== */
.wc-block-mini-cart__button svg, .wc-block-mini-cart__badge, .wc-block-mini-cart__quantity-badge { display: none !important; }
.wc-block-mini-cart__button {
  position: relative; width: 24px; height: 24px; padding: 0 !important; border: 0; background-color: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7efe2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 7h12l1.5 13h-15z'/><path d='M9 10V6a3 3 0 0 1 6 0v4'/></svg>");
  background-repeat: no-repeat; background-position: center; background-size: 23px 23px; cursor: pointer; overflow: visible;
}
.wc-block-mini-cart__button::after {
  content: attr(data-mojo-aantal); position: absolute; top: -6px; right: -8px;
  background: var(--wp--preset--color--amber, #e0a63c); color: var(--wp--preset--color--ink, #4a2c1e);
  font-size: 10px; font-weight: 700; line-height: 1; border-radius: 999px; width: 16px; height: 16px;
  display: flex; align-items: center; justify-content: center;
}
.wc-block-mini-cart__button:not([data-mojo-aantal])::after,
.wc-block-mini-cart__button[data-mojo-aantal="0"]::after { display: none; }

/* Blockquotes in blogposts (voorbeeldteksten) als zandkaartjes */
.single-post .mojo-artikel blockquote, .single-post .entry-content blockquote, .single-post main blockquote {
  background: var(--wp--preset--color--zand, #fdf8ee); border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9);
  border-left: 3px solid var(--wp--preset--color--amber, #e0a63c); border-radius: 12px;
  margin: 14px 0; padding: 14px 18px; font-size: 14.5px; line-height: 1.7; color: var(--wp--preset--color--tekst, #6d5240);
}
.single-post main blockquote p { margin: 0; }
@media (max-width: 700px) {
  .single-post main blockquote { padding: 12px 14px; font-size: 13px; margin: 10px 0; }
}

/* De React-drawer van Woo is vervangen door onze eigen drawer: nooit tonen (flitste bij laden) */
.wc-block-mini-cart__drawer, .wc-block-components-drawer__screen-overlay, .wc-block-mini-cart__template-part { display: none !important; }

/* Blogartikel mobiel: lucht tussen de Lees ook-kaarten en de footer */
@media (max-width: 700px) {
  .mojo-leesook { padding-bottom: 36px !important; }
}

/* ==================== Over-pagina: oprichter, waar we voor staan, reviews, gegevens ==================== */
.mojo-oprichter { display: grid; grid-template-columns: 260px 1fr; gap: 44px; align-items: center; margin: 8px 0 36px; }
.mojo-oprichter-foto { line-height: 0; }
.mojo-oprichter-avatar {
  width: 240px; height: 240px; border-radius: 999px; background: var(--wp--preset--color--ink, #4a2c1e);
  color: #f7efe2; font-family: 'Titan One', sans-serif; font-size: 84px; display: flex; align-items: center; justify-content: center;
}
.mojo-oprichter-foto img { width: 240px; height: 240px; object-fit: cover; border-radius: 999px; }
.mojo-oprichter-quote { margin: 0 0 14px !important; font-size: 24px; font-weight: 700; line-height: 1.4; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-oprichter-tekst p { margin: 0 0 14px; font-size: 15px; line-height: 1.8; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-oprichter-naam { font-size: 13.5px !important; color: var(--wp--preset--color--gedempt, #8a6f5c) !important; }
.mojo-oprichter-naam strong { color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-overstaan-kop { font-size: 24px !important; margin: 0 0 20px !important; }
.mojo-overstaan { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-bottom: 40px; }
.mojo-staankaart { background: #ffffff; border-radius: 16px; padding: 20px 22px; }
.mojo-staankaart strong { display: block; font-size: 14.5px; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-staankaart p { margin: 6px 0 0; font-size: 13px; line-height: 1.6; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-overreviews { background: var(--wp--preset--color--amber, #e0a63c); padding: 40px 64px; }
.mojo-overreviews-inner { max-width: 1180px; margin: 0 auto; }
.mojo-overreviews-kop { display: flex; align-items: baseline; gap: 14px; margin-bottom: 18px; font-size: 14px; font-weight: 600; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-overreviews-cijfer { font-family: 'Titan One', sans-serif; font-size: 34px; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-overreviews-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mojo-reviewquote { background: #f7efe2; border-radius: 16px; padding: 20px 22px; }
.mojo-reviewquote .mojo-rotster { color: var(--wp--preset--color--terracotta, #c25e35); font-size: 13px; letter-spacing: 2px; }
.mojo-reviewquote p { margin: 8px 0 0; font-size: 13.5px; line-height: 1.65; color: var(--wp--preset--color--tekst, #6d5240); }
.mojo-reviewquote-naam { display: block; margin-top: 10px; font-size: 12px; font-weight: 700; color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-overgegevens {
  background: var(--wp--preset--color--zand, #fdf8ee); border: 1px solid var(--wp--preset--color--zandlijn, #eadfc9);
  border-radius: 16px; padding: 18px 26px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px;
  font-size: 13px; color: var(--wp--preset--color--tekst, #6d5240); margin: 30px 0 10px;
}
.mojo-overgegevens strong { color: var(--wp--preset--color--ink, #4a2c1e); }
.mojo-overgegevens a { color: inherit; text-decoration: none; }
@media (max-width: 700px) {
  .mojo-oprichter { grid-template-columns: 1fr; gap: 18px; justify-items: center; text-align: center; margin: 4px 0 26px; }
  .mojo-oprichter-avatar, .mojo-oprichter-foto img { width: 140px; height: 140px; font-size: 50px; }
  .mojo-oprichter-quote { font-size: 19px; }
  .mojo-oprichter-tekst p { font-size: 13.5px; line-height: 1.7; }
  .mojo-overstaan-kop { font-size: 19px !important; margin-bottom: 14px !important; }
  .mojo-overstaan { grid-template-columns: 1fr; gap: 12px; margin-bottom: 26px; }
  .mojo-overreviews { padding: 26px 20px; }
  .mojo-overreviews-cijfer { font-size: 28px; }
  .mojo-overreviews-grid { grid-template-columns: 1fr; gap: 12px; }
  .mojo-overgegevens { padding: 14px 16px; gap: 6px 18px; font-size: 12px; margin: 20px 0 6px; }
}

/* Mobiele cart: minder witruimte boven de gratisbalk (was 50px, bord 18) */
@media (max-width: 700px) {
  body.woocommerce-cart .wp-site-blocks > * + * { margin-block-start: 0 !important; }
  body.woocommerce-cart main.mojo-cartpagina { padding-top: 16px !important; }
  /* De cartinner droeg nog 28px extra boven de gratisbalk */
  body.woocommerce-cart .mojo-cartinner { padding-top: 0 !important; }
}
/* Winkelwagen bijwerken: de stepper werkt de wagen live bij; de knop blijft in de DOM
   voor de JS maar is onzichtbaar */
.woocommerce-cart .mojo-cartpagina td.actions > .button { display: none !important; }
