/*
Theme Name: Soepkippenshop
Template: hello-elementor
Author: Buro Treur
Author URI: https://burotreur.nl
Version: 3.4.7.1777626230
Updated: 2026-05-01 09:03:50

*/

/* GLOBAL */
html {
	height: 100%;
}

body {
	display: flex;
    flex-direction: column;
    min-height: 100%;
	position: relative;
	
	&::before {
		content: '';
		opacity: 0.025;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		z-index: 900;
		pointer-events: none;
		position: absolute;
		background-image: url(/wp-content/uploads/2026/05/pattern.png);
		background-repeat: repeat;
		background-size: 400px;
		background-position: top center;
	}
}

/* SEARCH */
.e-search-results-container {
	width: calc(100% + 48px) !important;
}

.e-search-results-container .elementor-page-title, 
.e-search-results-container h1.entry-title {
	display: block !important;
}

/* NAV */
.c-nav .elementor-widget-search {
	width: 272px;
	transition: ease 300ms !important;
	transition-property: width !important;
}

.c-nav.elementor-sticky--effects .nav__top {
	height: 0 !important;
}

.c-nav .elementor-menu-cart__main {
	margin: 24px;
}

.nav__top {
	height: 38px !important;
	transition: ease 300ms !important;
	transition-property: height !important;
}

.c-nav .elementor-widget-search.e-focus,
.c-nav .elementor-widget-search:has(.e-search-results-container:not(.hidden) .e-search-results:not(:empty)) {
	width: 480px;
}

body:has(.c-nav .elementor-widget-search.e-focus) {
	&::after {
		content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #0000003b;
        backdrop-filter: blur(4px);
        z-index: 50;
	}
}

.c-nav .elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	z-index: 150 !important;
}

/* NOTIFICATION */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	display: flex !important;
	align-items: center !important;
	margin: 24px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
	top: 50%;
	transform: translate3d(0,-50%, 0);
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
	margin-left: auto !important;
}

/* FOOTER */
footer:has(.c-footer) {
	margin-top: auto;
}

.footer__menu .menu-item {
	width: 100%;
}

@media (min-width: 992px) {
	footer:has(.c-footer) {
		clip-path: polygon(0 6%, 100% 0, 100% 100%, 0% 100%);
	}
	
	.footer__menu .menu-item {
		width: 50%;
	}
}

/* PRODUCT */
.c-product,
.c-product > div {
	height: 100% !important;
}

.elementor-loop-container:has(.c-product:hover) .c-product:not(:hover) {
	opacity: 0.4;
}

.elementor-235.product:has(.c-product):nth-child(3n + 1):hover .elementor-widget-image {
	background-color: var(--e-global-color-1b4a63d);
}

.elementor-235.product:has(.c-product):nth-child(3n + 2):hover .elementor-widget-image {
	background-color: var(--e-global-color-33c0454);
}

.elementor-235.product:has(.c-product):nth-child(3n + 3):hover .elementor-widget-image {
	background-color: var(--e-global-color-5856fd8);
}

.elementor-235.product:has(.c-product):nth-child(3n + 1) .elementor-button {
	background-image: url('/wp-content/uploads/2026/05/btn-primary.svg');
}

.elementor-235.product:has(.c-product):nth-child(3n + 2) .elementor-button {
	background-image: url('/wp-content/uploads/2026/05/btn-secondary.svg');
}

.elementor-235.product:has(.c-product):nth-child(3n + 3) .elementor-button {
	background-image: url('/wp-content/uploads/2026/05/btn-tertiary.svg');
}

.elementor-235.product:has(.c-product):nth-child(3n + 1) .product_title {
	color: var(--e-global-color-primary);
}

.elementor-235.product:has(.c-product):nth-child(3n + 2) .product_title {
	color: var(--e-global-color-secondary);
}

.elementor-235.product:has(.c-product):nth-child(3n + 3) .product_title {
	color: var(--e-global-color-403c3cd);
}

.c-product {
	transition: ease 300ms !important;
	transition-property: opacity !important;
}

.c-product .product_title {
	text-underline-offset: 4px;
    text-decoration-thickness: 1px !important;
}

.c-product .product_title:hover {
	text-decoration: underline;
}

.c-product .woocommerce-product-details__short-description {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.c-product .elementor-button {
	padding: 22px;
	background-color: transparent !important;
	border-radius: 0;
	background-position: center, center;
	background-repeat: no-repeat;
	background-size: contain;
}

.c-product .elementor-widget-image {
	background-color: transparent;
    display: flex;
	width: 300px;
    align-items: center;
    justify-content: center;
	transition: ease 300ms;
	transition-property: background-color;
}

.c-product .elementor-widget-image img {
	max-height: 160px;
    object-fit: contain;
}

/* PRODUCT INFO */
.c-product-info {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 90%);
}

.c-product-info .woocommerce-breadcrumb {
	margin-bottom: 0;
}

.c-product-info .variations th,
.c-product-info .variations td {
	text-align: left;
	vertical-align: middle !important;
}

.c-product-info .variations th {
	padding-left: 0;
}

.c-product-info table tbody>tr:nth-child(odd)>td, 
.c-product-info table tbody>tr:nth-child(odd)>th {
	background-color: transparent !important;
}

.c-product-info form.cart .reset_variations {
    position: absolute !important;
    right: 0 !important;
    top: -24px !important;
    color: var(--e-global-color-primary) !important;
}

.c-product-info .woocommerce-product-gallery .flex-control-nav {
	padding-top: 24px !important;
}

.c-product-info .woocommerce-product-gallery .flex-control-nav img {
	padding: 12px;
}

.c-product-info .woocommerce-variation-price bdi {
	color: black;
    margin-bottom: 12px;
    display: block;
    text-align: right;
    font-style: italic;
}

.c-product-info .woocommerce-variation-price bdi::before {
	content: 'Prijs ';
}

.c-product-info .single_add_to_cart_button.disabled {
	opacity: 1 !important;
    background-color: #d6d6d6 !important;
}

.c-product-info .elementor-add-to-cart .stock {
	text-align: right;
    font-style: italic;
    color: #747576;
}

/* CARD */
.c-card .elementor-widget-icon {
	transition: ease 300ms;
	transition-property: transform;
}

.c-card:hover .elementor-widget-icon {
	transform: translate3d(8px, 0, 0);
}

.card--cta .card__overlay-image {
	transition: ease 300ms;
	transition-property: transform;
}

.card--cta:hover .card__overlay-image {
	transform: rotate(-7deg) scale(1.05) !important;
}

.card--left,
.card--right {
	z-index: 40 !important;
}

/* SHADOWS */
.c-card,
.e-search-form, 
.nav__bottom,
.c-nav .elementor-widget-theme-site-logo img,
.c-product .elementor-button,
.elementor-menu-cart__main,
.c-product .elementor-widget-image img,
.c-card .card__inner,
.woocommerce-error, .woocommerce-info, .woocommerce-message,
.woocommerce-variation-add-to-cart,
.footer__image img,
.card__overlay-image img {
	filter: drop-shadow(4px 4px 0px #000);
}