img.wp-image-2442 {
  aspect-ratio: 1200 / 145;   /* houdt ruimte vrij */
  width: 100%;
  height: auto;               /* geen vaste hoogte meer nodig */
}
#Woocommerce
/* 1) Titel (“Pose Mat”) kleiner en niet-bold, óók bij shortcode-embed */
.so-widget-sow-shortcode .woocommerce h1.product_title,
.so-widget-sow-editor      .woocommerce h1.product_title,
.woocommerce div.product h1.product_title {
  font-size: 24px !important;
  font-weight: 400 !important;
  margin-bottom: 0.5em !important;
}

/* 2) Label bij aantallen compacter */
.woocommerce div.product form.cart .quantity label {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 0.2em !important;
  display: block !important;
}

/* 3) Aantal-invoerveld compacter */
.woocommerce div.product form.cart .quantity input.qty {
  width: 60px !important;
  padding: 4px !important;
  font-size: 14px !important;
  height: auto !important;
  margin-bottom: 0.5em !important;
}

/* 4) “Toevoegen aan winkelwagen” knop subtieler */
.woocommerce div.product .single_add_to_cart_button {
  font-size: 14px !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
}

/* 5) Tab-koppen (Beschrijving, Extra informatie, etc.) */
.so-widget-sow-shortcode .woocommerce-tabs ul.tabs li a,
.so-widget-sow-editor      .woocommerce-tabs ul.tabs li a {
  font-size: 16px !important;
  padding: 6px 12px !important;
}

/* 6) Beschrijving & tab-panels compacter */
.so-widget-sow-shortcode .woocommerce-product-details__short-description,
.so-widget-sow-editor      .woocommerce-product-details__short-description,
.so-widget-sow-shortcode .woocommerce-Tabs-panel,
.so-widget-sow-editor      .woocommerce-Tabs-panel {
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding: 10px !important;
  margin-bottom: 1em !important;
}

/* 7) Beperk de totale breedte van de embedded container */
.so-widget-sow-shortcode .woocommerce div.product,
.so-widget-sow-editor      .woocommerce div.product {
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* 8) PayPal-knoppen en iframes schalen naar 70% + zoom-fallback */
.woocommerce div.product .paypal-buttons-container,
.woocommerce div.product #paypal-button-container,
.woocommerce div.product .paypal-smart-buttons-container,
.woocommerce div.product .smart-payment-buttons-container,
.woocommerce div.product button.paypal-button,
.woocommerce div.product button#smart-button-paypal,
.woocommerce div.product iframe[src*="paypal"],
.woocommerce div.product .paypal-button-label-container {
  transform: scale(0.7) !important;
  transform-origin: top left !important;
  zoom: 0.7 !important;
  display: inline-flex !important;
  margin-bottom: 1em !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* 9) Tekst in de label-container iets kleiner */
.woocommerce div.product .paypal-button-label-container .paypal-button-text {
  font-size: 12px !important;
  line-height: 1 !important;
  margin-right: 4px !important;
}

/* 10) PayPal-logo compacter */
.woocommerce div.product .paypal-button-label-container .paypal-logo {
  width: 40px !important;
  height: auto !important;
}
.woocommerce-checkout #coupon_code {
    display: none;
}
.gallery .wp-caption-text {
  display: none !important;
}
/* === Knoppen (alleen kleur/contrast fixes) === */

/* Primair (donker) – tekst altijd wit */
.jvd-drunen-full a.jvd-btn,
.jvd-drunen-full a.jvd-btn:link,
.jvd-drunen-full a.jvd-btn:visited,
.jvd-drunen-full a.jvd-btn:hover,
.jvd-drunen-full a.jvd-btn:active,
.jvd-drunen-full a.jvd-btn > *,
.jvd-drunen-full a.jvd-btn:hover > * {
  color:#fff !important;
  -webkit-text-fill-color:#fff; /* Safari */
  text-decoration:none !important;
}
.jvd-drunen-full a.jvd-btn {
  background:#111827 !important;
  border-color:#111827 !important;
}

/* Ghost (licht) – tekst altijd donker */
.jvd-drunen-full a.jvd-btn.ghost,
.jvd-drunen-full a.jvd-btn.ghost:link,
.jvd-drunen-full a.jvd-btn.ghost:visited,
.jvd-drunen-full a.jvd-btn.ghost:hover,
.jvd-drunen-full a.jvd-btn.ghost:active,
.jvd-drunen-full a.jvd-btn.ghost > *,
.jvd-drunen-full a.jvd-btn.ghost:hover > * {
  color:#111827 !important;
  -webkit-text-fill-color:#111827;
  text-decoration:none !important;
}
.jvd-drunen-full a.jvd-btn.ghost {
  background:#fff !important;
  border-color:#111827 !important;
}
.jvd-modal[aria-hidden="true"], .jvd-modal[hidden] { display:none !important; }
/* Viewer licht i.p.v. donker */
.psig-wrap .psig-viewer{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
}

/* Basis */
.psig-wrap .psig-btn,
.psig-wrap .psig-btn:link,
.psig-wrap .psig-btn:visited{
  background:#1d4ed8 !important;
  color:#ffffff !important;
  border:1px solid #1e3a8a !important;
  padding:12px 16px !important;
  border-radius:10px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  box-shadow:0 4px 12px rgba(29,78,216,.15) !important;
  text-decoration:none !important;
}

/* Hover/Focus/Active – nooit transparant/zwart */
.psig-wrap .psig-btn:hover,
.psig-wrap .psig-btn:focus{
  background:#1e40af !important;
  color:#ffffff !important;
  border-color:#1e3a8a !important;
}