/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   Decomall trust bar (boven top-bar, Isodeco-achtig)
   Altijd bovenaan: hogere z-index dan menu/sticky en vaste volgorde in header.
   ========================================================================== */
/* Verwijder witruimte boven header en trustbar */
.wd-page-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Header als kolom: trust bar altijd eerste rij, daarna top-bar en menu */
header.whb-header {
	display: flex;
	flex-direction: column;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Trust bar sticky bovenaan, altijd boven de menubalk bij scrollen */
.decomall-trust-bar {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e7eb;
	font-size: 11px;
	line-height: 1.3;
	position: sticky;
	top: 0;
	z-index: 395;
	flex-shrink: 0;
	order: -1;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Top-bar en menu (WoodMart) onder de trust bar */
header.whb-header .whb-top-bar,
header.whb-header .whb-general-header,
header.whb-header .whb-header-bottom,
header.whb-header .whb-main-header {
	position: relative;
	z-index: 390;
}

/* Sticky menubalk (bij scrollen) ónder de trust bar houden (WoodMart gebruikt 390–391) */
.whb-sticked .whb-main-header,
.whb-clone {
	z-index: 389 !important;
}

.decomall-trust-bar .container {
	max-width: 1272px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.decomall-trust-bar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 16px;
	min-height: 32px;
}

.decomall-trust-bar__left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
}

.decomall-trust-bar__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #6b7280;
	flex-shrink: 0;
	white-space: nowrap;
}

.decomall-trust-bar__icon {
	flex-shrink: 0;
}

.decomall-trust-bar__icon--truck {
	color: #92400e;
}

.decomall-trust-bar__icon--lightning {
	color: #ea580c;
}

.decomall-trust-bar__klarna {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: #ec4899;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	font-family: inherit;
	line-height: 1;
	border-radius: 3px;
	flex-shrink: 0;
}

.decomall-trust-bar__reviews .decomall-trust-bar__stars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	color: #eab308;
}

.decomall-trust-bar__reviews .decomall-trust-bar__stars svg,
.decomall-trust-bar__item.decomall-trust-bar__reviews .decomall-trust-bar__stars svg,
.decomall-trust-bar__stars svg {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
	max-width: 14px !important;
	max-height: 14px !important;
}

.decomall-trust-bar__right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.decomall-trust-bar__link {
	color: #6b7280;
	text-decoration: none;
}

.decomall-trust-bar__link:hover {
	color: #111;
	text-decoration: underline;
}

@media (max-width: 1024px) {
	.decomall-trust-bar__item:nth-child(2) {
		display: none;
	}
}

/* Animatie: items flitsen vloeiend één voor één - blijven in het midden */
@keyframes trustbar-fade {
	0% {
		opacity: 0;
		visibility: hidden;
		transform: translateX(-50%) scale(0.95);
	}
	5% {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) scale(1);
	}
	20% {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) scale(1);
	}
	25% {
		opacity: 0;
		visibility: hidden;
		transform: translateX(-50%) scale(0.95);
	}
	100% {
		opacity: 0;
		visibility: hidden;
		transform: translateX(-50%) scale(0.95);
	}
}

@media (max-width: 768px) {
	/* Toon alle items op mobiel - één voor één flitsen */
	.decomall-trust-bar__item:nth-child(2) {
		display: inline-flex !important;
	}
	
	.decomall-trust-bar {
		overflow: hidden !important;
		position: relative;
		min-height: 32px;
	}
	
	.decomall-trust-bar .container {
		overflow: hidden !important;
		position: relative;
	}
	
	.decomall-trust-bar__inner {
		flex-wrap: nowrap !important;
		overflow: hidden !important;
		position: relative;
	}
	
	.decomall-trust-bar__left {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 30px !important;
		white-space: nowrap !important;
		width: 100% !important;
		position: relative;
		min-height: 32px;
	}

	/* Items één voor één laten flitsen - alleen één item zichtbaar tegelijk, blijft in het midden */
	.decomall-trust-bar__item {
		display: inline-flex !important;
		flex-shrink: 0 !important;
		white-space: nowrap !important;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		animation: trustbar-fade 6s ease-in-out infinite;
		will-change: opacity, transform, visibility;
		pointer-events: none;
	}
	
	/* Stagger animatie - elk item krijgt zijn eigen tijdsslot (langzamer) */
	.decomall-trust-bar__item:nth-child(1) {
		animation-delay: 0s;
	}
	
	.decomall-trust-bar__item:nth-child(2) {
		animation-delay: 1.5s;
	}
	
	.decomall-trust-bar__item:nth-child(3) {
		animation-delay: 3s;
	}
	
	.decomall-trust-bar__item:nth-child(4) {
		animation-delay: 4.5s;
	}
}

/* Zorg dat Winkels dropdown menu content zichtbaar is en niet in elkaar klapt - ALTIJD */
#menu-item-29013 > .wd-dropdown-menu,
.menu-item-29013 > .wd-dropdown-menu,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu.wd-design-full-width,
.wd-header-nav .menu-item-29013:hover > .wd-dropdown-menu,
.wd-header-nav .menu-item-29013.wd-event-hover > .wd-dropdown-menu,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu.wd-opened,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu.wd-show,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu.wd-event-hover {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	width: 1600px !important;
	max-width: 1600px !important;
	min-width: 1600px !important;
}

#menu-item-29013 > .wd-dropdown-menu .container,
#menu-item-29013 > .wd-dropdown-menu .wd-entry-content,
.menu-item-29013 > .wd-dropdown-menu .container,
.menu-item-29013 > .wd-dropdown-menu .wd-entry-content,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu .container,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu .wd-entry-content {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	min-height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	width: 100% !important;
}

/* Verberg elementor-732 blok in Winkels dropdown */
#menu-item-29013 > .wd-dropdown-menu .elementor-732,
.menu-item-29013 > .wd-dropdown-menu .elementor-732,
.wd-header-nav .menu-item-29013 > .wd-dropdown-menu .elementor-732 {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}


/* Header content width op 1272px */
header .whb-row > .container,
header .container,
header .whb-container,
header .whb-row .whb-container,
.whb-header .container,
.whb-header .whb-container,
.whb-header .whb-row > .container,
header .wd-header-main,
header .wd-header-main .container,
header .wd-header-main .whb-container {
	max-width: 1272px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Alleen Facebook en Instagram social icons tonen in header */
header .wd-social-icons > a:not(.social-facebook):not(.social-instagram) {
	display: none !important;
}

/* Alleen Facebook en Instagram social icons tonen op collab influencer pagina */
.member-social .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body:has([class*="collab"]):has([class*="influencer"]) .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body:has([class*="influencer"]):has([class*="collab"]) .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body.page-template-influencer .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body.page-template-collab .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body.single-influencer .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
body.post-type-influencer .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
.wd-team-member .wd-social-icons > a:not(.social-facebook):not(.social-instagram),
.elementor-widget-team_member .wd-social-icons > a:not(.social-facebook):not(.social-instagram) {
	display: none !important;
}

/* Formulieren centreren */
.wpforms-form,
.elementor-form,
.wpcf7-form,
form {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Fix dropdown positioning voor SAMENWERKEN menu - dropdown moet onder verschijnen in plaats van boven */
.whb-col-right .wd-dropdown-menu,
.whb-col-right .wd-dropdown,
.whb-col-right .menu-item > .wd-dropdown-menu,
.whb-col-right .menu-item > .wd-dropdown,
.whb-col-right li > .wd-dropdown-menu,
.whb-col-right li > .wd-dropdown {
	top: 100% !important;
	bottom: auto !important;
	margin-top: 0 !important;
	position: absolute !important;
	z-index: 9999 !important;
}

.whb-col-right .wd-dropdown:after,
.whb-col-right .menu-item .wd-dropdown:after,
.whb-col-right li .wd-dropdown:after {
	top: 0 !important;
	bottom: auto !important;
	height: 15px !important;
	display: block !important;
}

/* Zorg ervoor dat dropdown zichtbaar is bij hover */
.whb-col-right .menu-item:hover > .wd-dropdown-menu,
.whb-col-right .menu-item:hover > .wd-dropdown,
.whb-col-right .menu-item.wd-event-hover > .wd-dropdown-menu,
.whb-col-right .menu-item.wd-event-hover > .wd-dropdown,
.whb-col-right .wd-event-hover > .wd-dropdown-menu,
.whb-col-right .wd-event-hover > .wd-dropdown {
	visibility: visible !important;
	opacity: 1 !important;
	display: block !important;
	transform: none !important;
}

/* Influencer formulier - Mooie styling (geen achtergrond) */
/* Center form wrapper - breder gemaakt */
.influencer-form-styled,
.influencer-form-styled.wpforms-form,
.influencer-form-styled.elementor-form,
.influencer-form-styled.wpcf7-form {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: 1600px !important;
	width: 100% !important;
	margin: 40px auto !important;
	position: relative !important;
	overflow: visible !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* Center parent containers - ZET ONDER ELKAAR */
.influencer-form-styled ~ *,
:has(.influencer-form-styled) {
	display: block !important;
	width: 100% !important;
}

/* Center form in various wrapper contexts - ZET ONDER ELKAAR */
.container:has(.influencer-form-styled),
.wp-block-group:has(.influencer-form-styled),
.elementor-container:has(.influencer-form-styled),
.entry-content:has(.influencer-form-styled),
.wpforms-container:has(.influencer-form-styled) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Influencer formulier - zelfde styling als B2B formulier */
.influencer-form-styled,
.influencer-form-styled.wpforms-form,
.influencer-form-styled.elementor-form,
.influencer-form-styled.wpcf7-form,
.wpforms-form:has([placeholder*="TikTok" i]),
.wpforms-form:has([placeholder*="Instagram" i]),
.wpforms-form:has([placeholder*="YouTube" i]),
.elementor-form:has([placeholder*="TikTok" i]),
.elementor-form:has([placeholder*="Instagram" i]),
.elementor-form:has([placeholder*="YouTube" i]),
.wpcf7-form:has([placeholder*="TikTok" i]),
.wpcf7-form:has([placeholder*="Instagram" i]),
.wpcf7-form:has([placeholder*="YouTube" i]) {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: 1600px !important;
	width: 100% !important;
	margin: 40px auto !important;
	position: relative !important;
	overflow: visible !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* Gradient bars verwijderd (geen achtergrond) */

/* Influencer field container - 2 kolommen (exact zoals B2B) */
.influencer-form-styled .wpforms-field-container,
.influencer-form-styled .elementor-form-fields-wrapper,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field-container,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field-container,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field-container {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 25px !important;
	align-items: start !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Label styling */
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field-label,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field-label,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field-label,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-field-label,
.elementor-form:has([placeholder*="Instagram" i]) .elementor-field-label,
.elementor-form:has([placeholder*="YouTube" i]) .elementor-field-label,
.wpcf7-form:has([placeholder*="TikTok" i]) label,
.wpcf7-form:has([placeholder*="Instagram" i]) label,
.wpcf7-form:has([placeholder*="YouTube" i]) label {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #333333 !important;
	margin-bottom: 10px !important;
	display: block !important;
	letter-spacing: 0.3px !important;
}

/* Textarea/bericht veld - volledige breedte */
.influencer-form-styled .wpforms-field:has(textarea),
.influencer-form-styled .wpforms-field.wpforms-field-textarea,
.influencer-form-styled .elementor-field-group:has(textarea),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field.wpforms-field-textarea,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field.wpforms-field-textarea,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field.wpforms-field-textarea {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Alle velden - netjes uitgelijnd in 2x2 grid */
.influencer-form-styled .wpforms-field,
.influencer-form-styled .elementor-field-group,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	align-self: start !important;
	margin: 0 !important;
	padding: 0 !important;
	justify-self: stretch !important;
	line-height: normal !important;
}


/* Sociale media input velden - DIRECT TEGEN ELKAAR AAN */
.influencer-form-styled .wpforms-field:has([placeholder*="TikTok" i]) input,
.influencer-form-styled .wpforms-field:has([placeholder*="Instagram" i]) input,
.influencer-form-styled .wpforms-field:has([placeholder*="YouTube" i]) input,
.influencer-form-styled .wpforms-field:has([placeholder*="youtube" i]) input,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has([placeholder*="TikTok" i]) input,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has([placeholder*="Instagram" i]) input,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has([placeholder*="YouTube" i]) input,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has([placeholder*="youtube" i]) input {
	margin: 0 !important;
	border-radius: 12px !important;
	display: block !important;
}

/* Naam, Telefoonnummer en Email - rechts kolom */
.influencer-form-styled .wpforms-field:has(input[type="email"]),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has(input[type="email"]),
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field:has(input[type="email"]),
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field:has(input[type="email"]) {
	grid-column: 2 !important;
}

.influencer-form-styled .wpforms-field:has(input[type="tel"]),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has(input[type="tel"]),
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field:has(input[type="tel"]),
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field:has(input[type="tel"]) {
	grid-column: 2 !important;
}


/* Influencer labels - exact zoals B2B */
.influencer-form-styled label,
.influencer-form-styled .wpforms-field-label,
.influencer-form-styled .elementor-field-label,
.wpforms-form:has([placeholder*="TikTok" i]) label,
.wpforms-form:has([placeholder*="Instagram" i]) label,
.wpforms-form:has([placeholder*="YouTube" i]) label,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field-label,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field-label,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field-label,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-field-label,
.elementor-form:has([placeholder*="Instagram" i]) .elementor-field-label,
.elementor-form:has([placeholder*="YouTube" i]) .elementor-field-label {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #333333 !important;
	margin-bottom: 10px !important;
	display: block !important;
	letter-spacing: 0.3px !important;
}

/* Influencer input velden - exact zoals B2B */
.influencer-form-styled input[type="text"],
.influencer-form-styled input[type="email"],
.influencer-form-styled input[type="url"],
.influencer-form-styled input[type="tel"],
.influencer-form-styled input[type="number"],
.influencer-form-styled textarea,
.influencer-form-styled select,
.wpforms-form:has([placeholder*="TikTok" i]) input[type="text"],
.wpforms-form:has([placeholder*="Instagram" i]) input[type="text"],
.wpforms-form:has([placeholder*="YouTube" i]) input[type="text"],
.wpforms-form:has([placeholder*="TikTok" i]) input[type="email"],
.wpforms-form:has([placeholder*="Instagram" i]) input[type="email"],
.wpforms-form:has([placeholder*="YouTube" i]) input[type="email"],
.wpforms-form:has([placeholder*="TikTok" i]) input[type="url"],
.wpforms-form:has([placeholder*="Instagram" i]) input[type="url"],
.wpforms-form:has([placeholder*="YouTube" i]) input[type="url"],
.wpforms-form:has([placeholder*="TikTok" i]) input[type="tel"],
.wpforms-form:has([placeholder*="Instagram" i]) input[type="tel"],
.wpforms-form:has([placeholder*="YouTube" i]) input[type="tel"],
.elementor-form:has([placeholder*="TikTok" i]) input[type="text"],
.elementor-form:has([placeholder*="Instagram" i]) input[type="text"],
.elementor-form:has([placeholder*="YouTube" i]) input[type="text"],
.elementor-form:has([placeholder*="TikTok" i]) input[type="email"],
.elementor-form:has([placeholder*="Instagram" i]) input[type="email"],
.elementor-form:has([placeholder*="YouTube" i]) input[type="email"],
.elementor-form:has([placeholder*="TikTok" i]) input[type="url"],
.elementor-form:has([placeholder*="Instagram" i]) input[type="url"],
.elementor-form:has([placeholder*="YouTube" i]) input[type="url"],
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="text"],
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="text"],
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="text"],
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="email"],
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="email"],
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="email"],
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="url"],
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="url"],
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="url"] {
	width: 100% !important;
	padding: 20px 32px !important;
	border: 2px solid #e8e8e8 !important;
	border-radius: 12px !important;
	font-size: 16px !important;
	color: #333333 !important;
	background-color: #fafafa !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-sizing: border-box !important;
	font-family: inherit !important;
	min-height: 56px !important;
}


/* Influencer input focus - exact zoals B2B */
.influencer-form-styled input:focus,
.influencer-form-styled textarea:focus,
.influencer-form-styled select:focus,
.wpforms-form:has([placeholder*="TikTok" i]) input:focus,
.wpforms-form:has([placeholder*="Instagram" i]) input:focus,
.wpforms-form:has([placeholder*="YouTube" i]) input:focus,
.wpforms-form:has([placeholder*="TikTok" i]) textarea:focus,
.wpforms-form:has([placeholder*="Instagram" i]) textarea:focus,
.wpforms-form:has([placeholder*="YouTube" i]) textarea:focus,
.elementor-form:has([placeholder*="TikTok" i]) input:focus,
.elementor-form:has([placeholder*="Instagram" i]) input:focus,
.elementor-form:has([placeholder*="YouTube" i]) input:focus,
.elementor-form:has([placeholder*="TikTok" i]) textarea:focus,
.elementor-form:has([placeholder*="Instagram" i]) textarea:focus,
.elementor-form:has([placeholder*="YouTube" i]) textarea:focus,
.wpcf7-form:has([placeholder*="TikTok" i]) input:focus,
.wpcf7-form:has([placeholder*="Instagram" i]) input:focus,
.wpcf7-form:has([placeholder*="YouTube" i]) input:focus,
.wpcf7-form:has([placeholder*="TikTok" i]) textarea:focus,
.wpcf7-form:has([placeholder*="Instagram" i]) textarea:focus,
.wpcf7-form:has([placeholder*="YouTube" i]) textarea:focus {
	outline: none !important;
	border-color: #ff6b35 !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1) !important;
	transform: translateY(-2px) !important;
}

/* Influencer input hover - exact zoals B2B */
.influencer-form-styled input:hover,
.influencer-form-styled textarea:hover,
.influencer-form-styled select:hover,
.wpforms-form:has([placeholder*="TikTok" i]) input:hover,
.wpforms-form:has([placeholder*="Instagram" i]) input:hover,
.wpforms-form:has([placeholder*="YouTube" i]) input:hover,
.wpforms-form:has([placeholder*="TikTok" i]) textarea:hover,
.wpforms-form:has([placeholder*="Instagram" i]) textarea:hover,
.wpforms-form:has([placeholder*="YouTube" i]) textarea:hover,
.elementor-form:has([placeholder*="TikTok" i]) input:hover,
.elementor-form:has([placeholder*="Instagram" i]) input:hover,
.elementor-form:has([placeholder*="YouTube" i]) input:hover,
.elementor-form:has([placeholder*="TikTok" i]) textarea:hover,
.elementor-form:has([placeholder*="Instagram" i]) textarea:hover,
.elementor-form:has([placeholder*="YouTube" i]) textarea:hover,
.wpcf7-form:has([placeholder*="TikTok" i]) input:hover,
.wpcf7-form:has([placeholder*="Instagram" i]) input:hover,
.wpcf7-form:has([placeholder*="YouTube" i]) input:hover,
.wpcf7-form:has([placeholder*="TikTok" i]) textarea:hover,
.wpcf7-form:has([placeholder*="Instagram" i]) textarea:hover,
.wpcf7-form:has([placeholder*="YouTube" i]) textarea:hover {
	border-color: #b8b8b8 !important;
	background-color: #ffffff !important;
}


/* Influencer textarea - volledige breedte (exact zoals B2B) */
.influencer-form-styled .wpforms-field:has(textarea),
.influencer-form-styled .wpforms-field.wpforms-field-textarea,
.influencer-form-styled .elementor-field-group:has(textarea),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field:has(textarea),
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field.wpforms-field-textarea,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field.wpforms-field-textarea,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field.wpforms-field-textarea {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.influencer-form-styled textarea,
.wpforms-form:has([placeholder*="TikTok" i]) textarea,
.wpforms-form:has([placeholder*="Instagram" i]) textarea,
.wpforms-form:has([placeholder*="YouTube" i]) textarea,
.elementor-form:has([placeholder*="TikTok" i]) textarea,
.elementor-form:has([placeholder*="Instagram" i]) textarea,
.elementor-form:has([placeholder*="YouTube" i]) textarea,
.wpcf7-form:has([placeholder*="TikTok" i]) textarea,
.wpcf7-form:has([placeholder*="Instagram" i]) textarea,
.wpcf7-form:has([placeholder*="YouTube" i]) textarea {
	min-height: 150px !important;
	resize: vertical !important;
	line-height: 1.6 !important;
	overflow: auto !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	padding: 20px 32px !important;
	font-size: 16px !important;
}


/* Influencer fields - exact zoals B2B */
.influencer-form-styled .wpforms-field,
.influencer-form-styled .elementor-field-group,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field {
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}


/* Placeholder styling */
.wpforms-form:has([placeholder*="TikTok" i]) input::placeholder,
.wpforms-form:has([placeholder*="Instagram" i]) input::placeholder,
.wpforms-form:has([placeholder*="YouTube" i]) input::placeholder,
.wpforms-form:has([placeholder*="TikTok" i]) textarea::placeholder,
.wpforms-form:has([placeholder*="Instagram" i]) textarea::placeholder,
.wpforms-form:has([placeholder*="YouTube" i]) textarea::placeholder,
.elementor-form:has([placeholder*="TikTok" i]) input::placeholder,
.elementor-form:has([placeholder*="Instagram" i]) input::placeholder,
.elementor-form:has([placeholder*="YouTube" i]) input::placeholder,
.elementor-form:has([placeholder*="TikTok" i]) textarea::placeholder,
.elementor-form:has([placeholder*="Instagram" i]) textarea::placeholder,
.elementor-form:has([placeholder*="YouTube" i]) textarea::placeholder,
.wpcf7-form:has([placeholder*="TikTok" i]) input::placeholder,
.wpcf7-form:has([placeholder*="Instagram" i]) input::placeholder,
.wpcf7-form:has([placeholder*="YouTube" i]) input::placeholder,
.wpcf7-form:has([placeholder*="TikTok" i]) textarea::placeholder,
.wpcf7-form:has([placeholder*="Instagram" i]) textarea::placeholder,
.wpcf7-form:has([placeholder*="YouTube" i]) textarea::placeholder {
	color: #999999 !important;
	opacity: 1 !important;
	font-style: normal !important;
}

/* Influencer submit button container - exact zoals B2B */
.influencer-form-styled .wpforms-submit-container,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-submit-container,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-submit-container,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-submit-container {
	grid-column: 1 / -1 !important;
	text-align: center !important;
	margin-top: 10px !important;
}

/* Influencer submit button - exact zoals B2B */
.influencer-form-styled button[type="submit"],
.influencer-form-styled .wpforms-submit-container button,
.influencer-form-styled .elementor-button,
.influencer-form-styled input[type="submit"],
.wpforms-form:has([placeholder*="TikTok" i]) button[type="submit"],
.wpforms-form:has([placeholder*="Instagram" i]) button[type="submit"],
.wpforms-form:has([placeholder*="YouTube" i]) button[type="submit"],
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-submit-container button,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-submit-container button,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-submit-container button,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-button,
.elementor-form:has([placeholder*="Instagram" i]) .elementor-button,
.elementor-form:has([placeholder*="YouTube" i]) .elementor-button,
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="submit"],
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="submit"],
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="submit"] {
	background: linear-gradient(135deg, #ff6b35 0%, #e55a2b 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 18px 50px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3) !important;
	text-transform: none !important;
	letter-spacing: 0.5px !important;
	min-width: 220px !important;
	display: inline-block !important;
}

/* Influencer submit button hover - exact zoals B2B */
.influencer-form-styled button[type="submit"]:hover,
.influencer-form-styled .wpforms-submit-container button:hover,
.influencer-form-styled .elementor-button:hover,
.influencer-form-styled input[type="submit"]:hover,
.wpforms-form:has([placeholder*="TikTok" i]) button[type="submit"]:hover,
.wpforms-form:has([placeholder*="Instagram" i]) button[type="submit"]:hover,
.wpforms-form:has([placeholder*="YouTube" i]) button[type="submit"]:hover,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-submit-container button:hover,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-submit-container button:hover,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-submit-container button:hover,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-button:hover,
.elementor-form:has([placeholder*="Instagram" i]) .elementor-button:hover,
.elementor-form:has([placeholder*="YouTube" i]) .elementor-button:hover,
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="submit"]:hover,
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="submit"]:hover,
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="submit"]:hover {
	background: linear-gradient(135deg, #e55a2b 0%, #cc4a1f 100%) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important;
}

/* Influencer submit button active - exact zoals B2B */
.influencer-form-styled button[type="submit"]:active,
.influencer-form-styled .wpforms-submit-container button:active,
.influencer-form-styled .elementor-button:active,
.influencer-form-styled input[type="submit"]:active,
.wpforms-form:has([placeholder*="TikTok" i]) button[type="submit"]:active,
.wpforms-form:has([placeholder*="Instagram" i]) button[type="submit"]:active,
.wpforms-form:has([placeholder*="YouTube" i]) button[type="submit"]:active,
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-submit-container button:active,
.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-submit-container button:active,
.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-submit-container button:active,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-button:active,
.elementor-form:has([placeholder*="Instagram" i]) .elementor-button:active,
.elementor-form:has([placeholder*="YouTube" i]) .elementor-button:active,
.wpcf7-form:has([placeholder*="TikTok" i]) input[type="submit"]:active,
.wpcf7-form:has([placeholder*="Instagram" i]) input[type="submit"]:active,
.wpcf7-form:has([placeholder*="YouTube" i]) input[type="submit"]:active {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
}

/* Error messages */
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-error,
.elementor-form:has([placeholder*="TikTok" i]) .elementor-message,
.wpcf7-form:has([placeholder*="TikTok" i]) .wpcf7-not-valid-tip {
	color: #d63638 !important;
	font-size: 13px !important;
	margin-top: 8px !important;
	display: block !important;
	font-weight: 500 !important;
}

/* Success messages */
.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-confirmation-container,
.wpcf7-form:has([placeholder*="TikTok" i]) .wpcf7-mail-sent-ok {
	background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
	border: 2px solid #c3e6cb !important;
	color: #155724 !important;
	padding: 18px 20px !important;
	border-radius: 12px !important;
	margin-top: 25px !important;
	font-weight: 500 !important;
}

/* B2B formulier - Mooie styling met oranje accenten (geen achtergrond) */
/* Class-based styling (wordt toegevoegd via JavaScript) */
.b2b-form-styled,
.b2b-form-styled.wpforms-form,
.b2b-form-styled.elementor-form,
.b2b-form-styled.wpcf7-form {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: 1600px !important;
	width: 100% !important;
	margin: 40px auto !important;
	position: relative !important;
	overflow: visible !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* B2B field container - 2 kolommen */
.b2b-form-styled .wpforms-field-container,
.b2b-form-styled .elementor-form-fields-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 25px !important;
	align-items: start !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* B2B input velden - oranje accenten, groter gemaakt, horizontaal breder */
.b2b-form-styled input[type="text"],
.b2b-form-styled input[type="email"],
.b2b-form-styled input[type="url"],
.b2b-form-styled input[type="tel"],
.b2b-form-styled input[type="number"],
.b2b-form-styled textarea,
.b2b-form-styled select {
	width: 100% !important;
	padding: 20px 32px !important;
	border: 2px solid #e8e8e8 !important;
	border-radius: 12px !important;
	font-size: 16px !important;
	color: #333333 !important;
	background-color: #fafafa !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-sizing: border-box !important;
	font-family: inherit !important;
	min-height: 56px !important;
}

/* B2B input focus - oranje */
.b2b-form-styled input:focus,
.b2b-form-styled textarea:focus,
.b2b-form-styled select:focus {
	outline: none !important;
	border-color: #ff6b35 !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1) !important;
	transform: translateY(-2px) !important;
}

/* B2B input hover */
.b2b-form-styled input:hover,
.b2b-form-styled textarea:hover,
.b2b-form-styled select:hover {
	border-color: #b8b8b8 !important;
	background-color: #ffffff !important;
}

/* B2B textarea - volledige breedte */
.b2b-form-styled .wpforms-field:has(textarea),
.b2b-form-styled .wpforms-field.wpforms-field-textarea,
.b2b-form-styled .elementor-field-group:has(textarea) {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.b2b-form-styled textarea {
	min-height: 150px !important;
	resize: vertical !important;
	line-height: 1.6 !important;
	overflow: auto !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	padding: 20px 32px !important;
	font-size: 16px !important;
}

/* B2B labels */
.b2b-form-styled label,
.b2b-form-styled .wpforms-field-label,
.b2b-form-styled .elementor-field-label {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #333333 !important;
	margin-bottom: 10px !important;
	display: block !important;
	letter-spacing: 0.3px !important;
}

/* B2B submit button - oranje */
.b2b-form-styled button[type="submit"],
.b2b-form-styled .wpforms-submit-container button,
.b2b-form-styled .elementor-button,
.b2b-form-styled input[type="submit"] {
	background: linear-gradient(135deg, #ff6b35 0%, #e55a2b 100%) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 18px 50px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3) !important;
	text-transform: none !important;
	letter-spacing: 0.5px !important;
	min-width: 220px !important;
	display: inline-block !important;
}

.b2b-form-styled button[type="submit"]:hover,
.b2b-form-styled .wpforms-submit-container button:hover,
.b2b-form-styled .elementor-button:hover,
.b2b-form-styled input[type="submit"]:hover {
	background: linear-gradient(135deg, #e55a2b 0%, #cc4a1f 100%) !important;
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important;
}

.b2b-form-styled button[type="submit"]:active,
.b2b-form-styled .wpforms-submit-container button:active,
.b2b-form-styled .elementor-button:active,
.b2b-form-styled input[type="submit"]:active {
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
}

.b2b-form-styled .wpforms-submit-container {
	grid-column: 1 / -1 !important;
	text-align: center !important;
	margin-top: 10px !important;
}

/* B2B fields */
.b2b-form-styled .wpforms-field,
.b2b-form-styled .elementor-field-group {
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Center B2B form containers - ZET ONDER ELKAAR */
.container:has(.b2b-form-styled),
.wp-block-group:has(.b2b-form-styled),
.elementor-container:has(.b2b-form-styled),
.entry-content:has(.b2b-form-styled),
.wpforms-container:has(.b2b-form-styled) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Responsive styling */
@media (max-width: 768px) {
	/* Voorkom horizontale scroll op mobiel - algemeen */
	html,
	body {
		overflow-x: hidden !important;
		max-width: 100vw !important;
		width: 100% !important;
		position: relative !important;
	}
	
	/* Voorkom horizontale scroll voor alle containers */
	* {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	
	/* Specifiek voor b2b en influencer pagina's */
	body:has(.b2b-form-styled),
	body:has(.influencer-form-styled),
	body:has([placeholder*="TikTok" i]),
	body:has([placeholder*="Instagram" i]),
	body:has([placeholder*="YouTube" i]),
	body:has([placeholder*="b2b" i]) {
		overflow-x: hidden !important;
		max-width: 100vw !important;
		width: 100% !important;
		position: relative !important;
	}
	
	/* Alle containers binnen b2b/influencer pagina's */
	body:has(.b2b-form-styled) *,
	body:has(.influencer-form-styled) *,
	body:has([placeholder*="TikTok" i]) *,
	body:has([placeholder*="Instagram" i]) *,
	body:has([placeholder*="YouTube" i]) *,
	body:has([placeholder*="b2b" i]) * {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	
	.influencer-form-styled,
	.b2b-form-styled,
	.wpforms-form:has([placeholder*="TikTok" i]),
	.elementor-form:has([placeholder*="TikTok" i]),
	.wpcf7-form:has([placeholder*="TikTok" i]) {
		padding: 0 !important;
		border-radius: 0 !important;
		margin: 20px auto !important;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.influencer-form-styled .wpforms-field-container,
	.influencer-form-styled .elementor-form-fields-wrapper,
	.b2b-form-styled .wpforms-field-container,
	.b2b-form-styled .elementor-form-fields-wrapper,
	.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field-container,
	.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field-container,
	.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field-container {
		grid-template-columns: 1fr !important;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.influencer-form-styled .wpforms-field,
	.influencer-form-styled .elementor-field-group,
	.b2b-form-styled .wpforms-field,
	.b2b-form-styled .elementor-field-group,
	.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-field,
	.wpforms-form:has([placeholder*="Instagram" i]) .wpforms-field,
	.wpforms-form:has([placeholder*="YouTube" i]) .wpforms-field {
		grid-column: 1 !important;
		max-width: 100% !important;
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.wpforms-form:has([placeholder*="TikTok" i]) button[type="submit"],
	.wpforms-form:has([placeholder*="TikTok" i]) .wpforms-submit-container button,
	.elementor-form:has([placeholder*="TikTok" i]) .elementor-button,
	.wpcf7-form:has([placeholder*="TikTok" i]) input[type="submit"],
	.influencer-form-styled button[type="submit"],
	.influencer-form-styled .wpforms-submit-container button,
	.influencer-form-styled .elementor-button,
	.influencer-form-styled input[type="submit"],
	.b2b-form-styled button[type="submit"],
	.b2b-form-styled .wpforms-submit-container button,
	.b2b-form-styled .elementor-button,
	.b2b-form-styled input[type="submit"] {
		width: 100% !important;
		max-width: 100% !important;
		padding: 16px 40px !important;
		box-sizing: border-box !important;
	}
	
	/* Input velden - voorkom overflow */
	.influencer-form-styled input,
	.influencer-form-styled textarea,
	.b2b-form-styled input,
	.b2b-form-styled textarea,
	.wpforms-form:has([placeholder*="TikTok" i]) input,
	.wpforms-form:has([placeholder*="Instagram" i]) input,
	.wpforms-form:has([placeholder*="YouTube" i]) input,
	.wpforms-form:has([placeholder*="TikTok" i]) textarea,
	.wpforms-form:has([placeholder*="Instagram" i]) textarea,
	.wpforms-form:has([placeholder*="YouTube" i]) textarea {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
}

/* ==========================================================================
   Decomall logo padding - meer ruimte rondom het logo in de header
   ========================================================================== */
header .wd-logo img,
header .site-logo img,
.wd-logo img,
.site-logo img {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* Sticky logo (bij scrollen) - zelfde padding */
.whb-sticked .wd-logo img,
.whb-clone .wd-logo img,
.whb-sticked .site-logo img,
.whb-clone .site-logo img {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}