/*
 Theme Name:   Heijtec Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Heijtec child theme for Bricks builder 
 Author:       Heijtec
 Author URI:   https://heijtec.nl/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Hiding body overflow */
html,
body {
	overflow-x: clip;
	scroll-behavior: smooth;
}

/*Change max width for core class*/
.alignwide {
	max-width: 100%;
	width: 100%;
	margin-left: 0;
}

.wc-block-cart__submit-container {
	background-color: var(--DarkBlue);
	color: var(--White);
}

.wc-block-components-checkout-place-order-button {
	background-color: var(--DarkBlue);
	color: var(--White);
}

/*Hide cart when it has no items*/
#nav-mini-cart.hide {
	display: none;
}

/* Default font for headings and body text */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Univers LT Std', sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* Applying border to the menu items, except the last */
#menu-primary-header li:not(:last-child) {
	border-right: 1px solid #E4E4E4;
}

@media only screen and (min-width: 488px) {
	.item-mobile {
		display: none;
	}
}

/*Fix for Afrekenen text */
#nav-mini-cart .button.checkout.wc-forward {
	font-size: 0px;
}

#nav-mini-cart .button.checkout.wc-forward::after {
	content: "Bestellen";
	font-size: var(--text-m);
}


/* Leaf icon in homepage hero */

.span-with-leaf {
	color: #6E9A2A;
	position: relative;
}

.span-with-leaf::after {
	content: "";
	position: absolute;
	bottom: 2rem;
	width: 6rem;
	margin-left: -40px;
	height: 100%;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="67" height="67" viewBox="0 0 67 67" fill="none"><g clip-path="url(%23clip0_283_8635)"><path d="M59.2293 25.2163L57.4276 29.3399C48.7551 49.1887 33.7377 53.3646 20.0742 47.3946L16.1527 45.6812C19.3032 39.6621 22.8794 36.7484 29.8779 34.4879C33.3197 33.3767 33.6634 32.0168 32.1228 32.2104C21.5134 33.5415 14.3716 38.4845 9.46194 49.2155L9.12244 49.9756L4.99887 48.1739C6.22674 45.3637 7.58027 42.9178 9.07425 40.791C9.76712 37.9165 11.1119 34.1924 13.1086 29.6187C18.0841 18.2315 31.3478 13.034 42.7351 18.0095C46.8586 19.8112 50.0813 23.6747 59.2293 25.2163Z" fill="%236E9A2A"/></g><defs><clipPath id="clip0_283_8635"><rect width="54" height="54" fill="white" transform="translate(13.9081) rotate(14.9252)"/></clipPath></defs></svg>');
	background-repeat: no-repeat;
}

/* USP ITEMS - BORDER GRADIENT */

@media only screen and (min-width: 1025px) {
	.usp-border-gradient-left {
		border-left: 1px solid;
		border-image: linear-gradient(180deg,
				rgba(28, 55, 96, 0.00) 0%,
				rgba(28, 55, 96, 0.15) 100%) 1;
	}

	.usp-border-gradient-middle {
		border-left: 1px solid;
		border-right: 1px solid;
		border-image: linear-gradient(180deg,
				rgba(28, 55, 96, 0.00) 0%,
				rgba(28, 55, 96, 0.15) 100%) 1;
	}

	.usp-border-gradient-right {
		border-right: 1px solid;
		border-image: linear-gradient(180deg,
				rgba(28, 55, 96, 0.00) 0%,
				rgba(28, 55, 96, 0.15) 100%) 1;
	}


	.usp-wrapper {
		position: relative;
	}

	.usp-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg,
				rgba(28, 55, 96, 0.00) 0%,
				rgba(28, 55, 96, 0.15) 20%,
				rgba(28, 55, 96, 0.15) 80%,
				rgba(28, 55, 96, 0.00) 100%);
	}

	.usp-wrapper::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(90deg,
				rgba(28, 55, 96, 0.00) 0%,
				rgba(28, 55, 96, 0.15) 20%,
				rgba(28, 55, 96, 0.15) 80%,
				rgba(28, 55, 96, 0.00) 100%);
	}
}


/* END - USP ITEMS - BORDER GRADIENT */


/* LINK ITEMS */

/* Hover background color */
.link-item {
	transition: background-color 0.3s ease;
}

.link-item:hover {
	background-color: var(--DarkBlue) !important;
}


/* Hover background image */

/* Regular image */
.link-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/wp-content/uploads/2026/03/wood-texture-bg.svg");
	background-size: cover;
	background-position: center;
	opacity: 0.1;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 1;
}

/* hover image */
.link-item::after {
	opacity: 0;
	background-image: url("/wp-content/uploads/2026/03/wood-texture-bg-white.svg");
	transition: opacity 0.3s ease;
	pointer-events: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

.link-item:hover::after {
	opacity: 0.1;
}

/* END - Hover background image */

/* Hover text color */
.link-item-title,
.link-item-text {
	transition: color 0.3s ease;
}

.link-item:hover .link-item-title,
.link-item:hover .link-item-text {
	color: var(--White) !important;
}

/* END - Hover text color */

.link-item-svg rect {
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.10)) drop-shadow(-2px 9px 10px rgba(0, 0, 0, 0.09)) drop-shadow(-4px 21px 13px rgba(0, 0, 0, 0.05)) drop-shadow(-7px 38px 15px rgba(0, 0, 0, 0.01)) drop-shadow(-11px 59px 17px rgba(0, 0, 0, 0.00));

}

.link-item-svg {
	overflow: visible;
}


/* END - LINK ITEMS */


/* CONTACT FORM */
.contact-form-wrapper .contact-form label {
	margin-bottom: 1rem;
}

/* END - CONTACT FORM */


/* Wood texture background images */
.lines-bg-white::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/wp-content/uploads/2026/03/wood-texture-bg-white.svg");
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.1;
	z-index: 0;
}

.lines-bg-blue::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("/wp-content/uploads/2026/03/wood-texture-bg.svg");
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.1;
	z-index: 0;
}

/* Wrap the footer menu grid - responsive */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.footer-menu-wrapper {
		flex-direction: column-reverse !important;
	}

	.footer-menu-wrapper .footer-menu-grid {
		display: flex !important;
		flex-direction: row;
	}

	.footer-menu-wrapper .footer-menu-grid .footer-menu-item-wrapper {
		max-width: 25%;
		width: 25%;
	}
}


/* Houten panelen bij images als before */

.wood-panels-before::before {
	content: "";
	display: block;
	position: absolute;
	min-width: 380px;
	height: 120%;
	aspect-ratio: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="598" height="598" viewBox="0 0 598 598"><rect y="126.33" width="488.103" height="488.103" transform="rotate(-15 0 126.33)" fill="%23A47B52"/><rect x="26.9297" y="86.4109" width="488.103" height="488.103" transform="rotate(-7 26.9297 86.4109)" fill="%23EDB175"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	top: -6rem;
}

@media only screen and (max-width: 768px) {
	.wood-panels-before::before {
		top: -4rem;
	}
}

.wood-panels-before-image {
	box-shadow: -11px 59px 17px 0 rgba(0, 0, 0, 0.00), -7px 38px 15px 0 rgba(0, 0, 0, 0.01), -4px 21px 13px 0 rgba(0, 0, 0, 0.05), -2px 9px 10px 0 rgba(0, 0, 0, 0.09), 0 2px 5px 0 rgba(0, 0, 0, 0.10);
}


/* HOVER EFFECTS */
.product-card,
.partner-card {
	transition: background-color 0.3s ease;
}

.product-card:hover,
.partner-card:hover {
	background-color: var(--DarkBlue) !important;
	color: rgba(255, 255, 255, 0.80) !important;
}

.partner-card:hover h3 {
	color: var(--White) !important;
}

.product-card:hover .product-card-title {
	color: var(--White) !important;
}

.product-card:hover .product-archive-button {
	background-color: var(--White) !important;
	border-color: var(--White);
	color: var(--DarkBlue);
}

/* SINGLE PRODUCT PAGE */
.product-gallery .woocommerce-product-gallery__image.flex-active-slide img {
	min-height: 400px;
	object-fit: cover;
}

.product-gallery .flex-control-nav img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.product-page-breadcrumbs a {
	color: var(--DarkBlue);
}

.panel-specs-attributes .product-attributen {
	list-style: none;
	padding: 0;
	margin: 0;
}

.panel-specs-attributes .product-attribuut {
	margin-bottom: 0.4rem;
}

.product-attributen .product-attribuut .attribuut-icoon {
	margin-right: 0.5rem;
}

/*-- Verkooppunten styling */
#wpsl-search-fields.hide,
#wpsl-search-again.hide,
#wpsl-search-btn-again.hide {
	display: none;
}


#verkooppunten-maps .wpsl-search {
	position: absolute;
	margin: calc(50% -100%);
	background: var(--BlueGray);
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-15%, -50%);
	padding: 3rem;
	box-shadow: -7px 38px 15px rgba(0, 0, 0, 0.01), -4px 21px 13px rgba(0, 0, 0, 0.05), -2px 9px 10px rgba(0, 0, 0, 0.09), 0px 2px 5px rgba(0, 0, 0, 0.1);
	background-image: url(/wp-content/uploads/2026/03/bruynzeel-vogel-gray.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

@media (max-width: 782px) {
	#verkooppunten-maps .wpsl-search {
		position: unset;
		transform: none;
	}
}

.wpsl-input #wpsl-search-input {
	width: 100%;
}

#wpsl-search-btn,
#wpsl-search-wrap div {
	margin-bottom: 10px;
}

#wpsl-stores {
	padding: 2rem;
}

#wpsl-stores ul {
	background-color: var(--White);
}

.wpsl-direction-wrap a {
	color: var(--DarkBlue);
}

.wpsl-store-location strong {
	color: var(--Black);
}

.wpsl-search-btn-wrap {
	width: 100%;
}

.wpsl-title-wrap {
	width: 100%;
}

#wpsl-search-btn.bricks-button {
	font-size: 18px;
	color: var(--White);
	background: var(--DarkBlue);
}

.wpsl-title-text {
	font-size: var(--titles-m);
	color: var(--Black);
	font-weight: 700;
}

.wpsl-dropdown .wpsl-selected-item,
.wpsl-dropdown li,
.wpsl-selected-item {
	line-height: 36px;
}

/*-- Einde verkooppunten styling -- */


/* Privacy beleid */

.privacy-text .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.privacy-text .wp-block-group__inner-container a {
	color: var(--DarkBlue);
}

.page-id-3 article {
	padding-left: 2rem;
	padding-right: 2rem;
}


/* Einde privacy beleid */

/* Woo order styling */
.woocommerce-order h2 {
	margin-bottom: 2rem;
}

/* Garantieformulier */

.garantie-form .options-wrapper label,
.garantie-form .form-group.file .choose-files {
	font-size: var(--text-m) !important;
	line-height: 1.6rem !important;
	font-weight: 300 !important;
}

.garantie-form .form-group.file .choose-files {
	padding: 10px 15px;
}

.garantie-form .form-group.file .file-result.show {
	flex-direction: column;
	align-items: start;
	gap: 1rem;
}

.garantie-form .form-group.file .file-result.show button {
	margin: 0;
}

.garantie-form .options-wrapper {
	margin-top: 1rem;
}

.garantie-form .form-group:has(.label) .options-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.htec-product-figure {
	width: fit-content;
	height: 100%;
	display: flex;
	margin: 10px 0;
	flex-direction: column;
	text-align: center;
	gap: 1rem;
}

.htec-product-figures {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 1024px) {
	.htec-product-figures {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 768px) {
	.htec-product-figures {
		grid-template-columns: repeat(1, 1fr);
	}
}

.htec-product-figures .htec-product-figure img {
	max-height: 360px;
	aspect-ratio: 1;
	background-color: white;
	object-fit: contain;
}

.store-location-website {
	margin-top: 20px;
	display: block;
	font-weight: 400;
	color: #000;
}

.store-location-website a,
.wpsl-contact-details a {
	font-weight: 300 !important;
	color: var(--DarkBlue);
}

.wc-block-components-totals-item.wc-block-components-totals-footer-item {
	display: none;
}