/* === Brand Energizer - 'Bestanden uploaden' knop groter maken zodat hij opvalt === */
connect-uploader::part(button) {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.25) !important;
}

/* === Brand Energizer - winkelwagen knoppen: tekst past niet mooi in blok (padding/hoogte conflict fix) === */
.woocommerce-cart table.cart td.actions .button,
.woocommerce-cart .coupon .button {
  height: auto !important;
  min-height: 48px !important;
  padding: 12px 26px !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
}

/* Fluent Forms huisstijl */
.fluentform .ff-btn-submit{background:#FABB5C!important;color:#21254F!important;border:none!important;border-radius:99px!important;font-weight:700!important;padding:13px 32px!important;font-family:Figtree,sans-serif!important;}
.fluentform .ff-btn-submit:hover{background:#F0A93C!important;}
.fluentform .ff-el-form-control:focus{border-color:#FABB5C!important;box-shadow:0 0 0 2px rgba(250,187,92,.25)!important;}
.fluentform .ff-el-input--label label{font-weight:600;color:#21254F;}

/* === Brand Energizer – klassieke winkelwagen & checkout === */
.woocommerce, .woocommerce-page, .woocommerce form, .woocommerce table { font-family: Figtree, sans-serif; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce #place_order,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background-color:#FABB5C !important; color:#21254F !important; border:none !important;
  border-radius:8px !important; font-weight:700 !important; text-transform:none !important;
  box-shadow:none !important; padding:14px 26px !important; transition:background-color .15s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #place_order:hover, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  background-color:#F0A93C !important; color:#21254F !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button.connect-checkout-blocked,
.woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce button.button:disabled {
  background-color:#E6E9F2 !important; color:#6B7194 !important; cursor:not-allowed; opacity:1 !important;
}

.woocommerce .cart_item a[class*="upload"], .woocommerce .cart_item button[class*="upload"],
a.probo-upload-button, .probo-upload-files, .connect-upload-button {
  background-color:#21254F !important; color:#fff !important; border:none !important;
  border-radius:8px !important; font-weight:700 !important;
}

.woocommerce h1, .woocommerce h2, .woocommerce h3,
.cart_totals h2, .woocommerce-checkout h3, #order_review_heading { color:#21254F !important; }

.woocommerce table.shop_table { border:1px solid #E6E9F2 !important; border-radius:10px; overflow:hidden; }
.woocommerce table.shop_table th { color:#21254F !important; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top:1px solid #E6E9F2 !important; }

.woocommerce .cart_totals, .woocommerce-checkout #order_review {
  background:#F6F7FB; border:1px solid #E6E9F2; border-radius:12px; padding:6px 22px;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"], .woocommerce-checkout select, #coupon_code {
  border:1px solid #E6E9F2 !important; border-radius:8px !important; padding:12px 14px !important;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce-checkout input:focus, #coupon_code:focus {
  border-color:#FABB5C !important; outline:none !important;
}

.woocommerce-info, .woocommerce-message { border-top-color:#FABB5C !important; }
.woocommerce-info::before, .woocommerce-message::before { color:#FABB5C !important; }

/* Vanaf-prijs placeholder voor producten zonder berekende prijs (9 complexe producten) */
.woocommerce .price:empty::before{content:"Vanaf – prijs in configurator";color:#21254F;font-weight:600;font-size:.85em;display:inline-block;}


/* Hele categorie-tegel (foto + titel) klikbaar maken */
.elementor-image-box-wrapper { position: relative; }
.elementor-image-box-img a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}


/* === MOBIELE FIXES === */

/* Logo paste niet in de header: nu met lucht eromheen */
.site-header img.custom-logo{max-height:64px;width:auto;height:auto}
@media (max-width:1024px){.site-header img.custom-logo{max-height:42px}}

/* Categoriepagina: lange intro inkorten op mobiel */
@media (max-width:767px){.archive-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}

/* Winkelwagen: waardebonveld en melding liepen door elkaar */
@media (max-width:767px){
.woocommerce .cart .coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.woocommerce .cart .coupon .input-text{flex:1 1 100%;min-width:0}
.woocommerce .cart .coupon .button{flex:1 1 100%;white-space:normal;line-height:1.3}
}
.woocommerce-error,.woocommerce-message,.woocommerce-info{position:relative;z-index:2;clear:both}

/* === ZIJBALK MOBIEL: zoekveld en prijsfilter boven de producten === */
@media (max-width:1024px){
.woocommerce-shop .content-container,.tax-product_cat .content-container{display:flex;flex-direction:column}
.woocommerce-shop .content-container>.primary-sidebar,.tax-product_cat .content-container>.primary-sidebar{order:-1;margin:0 0 24px}
.woocommerce-shop .primary-sidebar .widget_product_categories,.tax-product_cat .primary-sidebar .widget_product_categories{display:none}
}
@media (max-width:767px){
.woocommerce-result-count{font-size:.85em;margin-bottom:4px}
.woocommerce-ordering{margin-bottom:14px}
}

/* === FOOTER VERTROUWEN EN BETAALMETHODEN === */
.be-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;margin:0 0 12px;font-size:.92em;color:#dfe2f2;line-height:1.5}
.be-trust span{display:inline-flex;align-items:center;gap:7px}
.be-trust b{color:#FABB5C;font-weight:700}
.be-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 12px;font-size:.85em;color:#b9bedc}
.be-pay img{height:26px;width:auto;display:block;border-radius:3px}
.be-legal{color:#b9bedc;font-size:.85em;margin:0;line-height:1.7}
.be-legal a{color:#b9bedc}
@media (max-width:600px){.be-trust{gap:4px 16px;font-size:.85em}}


/* === ELEMENTOR VOLGT DE HUISLETTER === */
.elementor-kit-30{
--e-global-typography-primary-font-family:"Figtree";
--e-global-typography-secondary-font-family:"Figtree";
--e-global-typography-text-font-family:"Figtree";
--e-global-typography-accent-font-family:"Figtree";
}

/* === 404 HULPBLOK === */
.be-404-hulp{margin-top:28px;padding-top:22px;border-top:1px solid #E6E9F2}
.be-404-hulp p{margin:0 0 12px}
.be-404-knoppen{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.be-404-knoppen .button{background:#FABB5C;color:#21254F;border-radius:999px;padding:10px 20px;font-weight:700;text-decoration:none}
.be-404-knoppen .button:hover{background:#F0A93C}
.be-404-contact{font-size:.92em;color:#4A4F73}


/* Categorie-tegel titels: geen lelijke afbreking met losse letter op mobiel */
@media (max-width: 767px) {
	.elementor-image-box-title {
		    font-size: 18px !important;
		    line-height: 1.3 !important;
		    word-break: normal !important;
		    overflow-wrap: break-word !important;
		    hyphens: auto !important;
	}
}
	}
}