/*
Theme Name: Eetcafe Jansen
Theme URI: https://www.inhousedigital.nl
Template: hello-elementor
Author: Rik
Author URI: https://www.inhousedigital.nl
Description: Lightweight custom theme for Eetcafe Jansen
Version: 3.4.4.1761288733
Updated: 2025-10-24 06:52:13

*/
.e-n-tabs {
	font-family: 'Poppins';
	color: #000;
}
.e-n-tab-title[aria-selected="true"], .e-n-tab-title:hover {
	color: #000!important;
}
.home .nothome {
	display: none;
}
.woocommerce-loop-product__title, .price, .add_to_cart_button {
    margin: 0px 30px !important;
}
.add_to_cart_button {
	margin-bottom: 30px!important;
}
.columns-4 .button {
	position: absolute!important;
	right: 0px;
	bottom: -2px;
}

.fc {
	max-width: fit-content !important;
}

#afhalen-bezorgen-fields h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif !important;
	margin-bottom: 8px;
	width: 100%;
}

#hb_order_type_field {
    display: flex;
	margin-bottom: 40px;
    flex-flow: column;
	width: 100%;
}

label[for="hb_order_type_pickup"]:first-child {
	font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
	color: black;
	margin-bottom: 24px !important;
}

label.radio {
	background: #B8964514;
    padding: 40px 20px;
    border-radius: 4px;
    border: solid 1px #ebe2cb;
	cursor: pointer;
	width: calc(50% - 16px);
	font-family: 'Poppins', sans-serif;
    color: black;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
	text-align: center;
}

.input-radio:checked + label.radio {
	border-color: #b89645;
	background-color: #b89645;
	color: white !important;
}

#afhalen-bezorgen-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 32px;
}

#afhalen-bezorgen-fields .input-radio {
	display: none;
} 

#afhalen-bezorgen-fields .woocommerce-input-wrapper {
	display: flex;
	gap: 32px;
}

label[for="hb_order_type_pickup"]:not(:first-child) {
	background-image: url(images/afhalen.svg);
	background-position: calc(50% - 62px) center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.input-radio:checked + label[for="hb_order_type_pickup"]:not(:first-child) {
	background-image: url(images/afhalen-wit.svg) !important;
}

label[for="hb_order_type_delivery"] { 
	background-image: url(images/bezorgen.svg);
	background-position: calc(50% - 72px) center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.input-radio:checked + label[for="hb_order_type_delivery"] { 
	background-image: url(images/bezorgen-wit.svg);
}

label[for="hb_date"], label[for="hb_time"] {
	font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
	color: black;
	margin-bottom: 8px;
}

#afhalen-bezorgen-fields .form-row-first,
#afhalen-bezorgen-fields .form-row-last {
	width: calc(50% - 16px);
	display: flex;
	flex-flow: column;
}

input#hb_date,
input#hb_time {
	background: #fcfbf8;
    padding: 40px 20px;
    border-radius: 4px;
    border: solid 1px #ebe2cb;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
    color: black;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
	text-align: center;
}

#customer_details {
	display: flex;
	flex-flow: column-reverse;
}

.woocommerce-additional-fields {
	padding: 0px !important;
	background: #fff !important;
	border-radius: 0px !important;
	border: none !important;
	margin-bottom: 80px !important;
}

li.product img:not(.emoji) {
	height: 180px !important;
	object-fit: cover !important;
	margin-bottom: 24px !important;
}

li.product .woocommerce-loop-product__title {
  margin: 0px 24px 40px 24px !important;
font-family: 'Poppins', sans-serif !important;
  font-weight:600 !important;
  text-decoration:none !important;
  color:#000 !important;
  line-height: 120% !important;
  font-size: 18px !important;
  transition: all 0.2s ease-in-out;
  display: block;
}

li.product .price {
	font-size: 18px !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 18px !important;
  font-weight: 600 !important;
  color: #B89645 !important;
  margin: 0px 24px !important;
}

li.product .button {
  border-radius:4px !important;
  padding: 14px !important;
  margin: 0px 24px 24px 0px  !important;
  height: 40px !important;
  width: 40px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--e-global-color-primary);
  transition: all 0.2s ease-in-out;
}

li.product .button.added {
  background: #4acf4a !important;
    background-color: #4acf4a !important;
}

li.product .button:hover {
  background: #cca74f;
}

.elementor-widget-woocommerce-checkout-page .woocommerce h3 {
	margin-top: 24px !important;
}

div#header {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    position: fixed;
    z-index: 10;
    top: 10px;
}

div#header.sticky.initial-state {
    background: transparent;
    box-shadow: none;
}

div#header.sticky {
    opacity: 1;
    position: fixed;
    top: 0;
    background: #ffffff;
    z-index: 2;
    top: 0px;
    box-shadow: -2px 3px 90px -20px rgb(0 0 0 / 25%);
}

div#header.initial-state {
	opacity: 1;
    position: fixed;
    top: 0;
}

div#header.initial-state .menu-item a {
	color: #fff !important;
}

div#header .menu-item a {
	color: black !important;
}

.logo img, 
.logo-dark {
	min-width: 132px !important	;
	transition: all 0.2s ease-in-out;
}

div#header.sticky .logo img {
	opacity: 0;
}

div#header.sticky .logo-dark img {
	opacity: 1;
}

div#header .logo img {
	opacity: 1;
}

div#header .logo-dark img {
	opacity: 0;
}

div#header.initial-state .logo-dark img {
	opacity: 0;
}

div#header.initial-state .logo img {
	opacity: 1;
}

.woocommerce-message {
	background: #e4ffe4 !important;
    color: #0b380b !important;
    border: none !important;
    border-radius: 4px !important;
    display: flex !important;
    justify-content: space-between !important;
	align-items: center !important;
	font-weight: 500;
	margin-bottom: 0px;
}

.woocommerce-message::before {
	top: 50%;
	transform: translateY(-50%);
}
.woocommerce-message::after {
	display: none !important;
}

.woocommerce-message .button {
	display: none !important;
}

.cart-plus img{
	 filter: brightness(0) invert(1);
	 height: 20px !important;
	 width: 20px !important;
}

.added_to_cart.wc-forward {
	display: none !important;
}

.add_to_cart_button.added .wc-plus {
	display: none !important;
}

.add_to_cart_button.added::after {
	margin-left: 0px !important;
}

.hb-delivery-disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
	background-position: calc(50% - 135px) center !important;
}

body.single-product .elementor-add-to-cart form {
	flex-wrap: wrap !important;
}

.wc-pao-addons-container {
	width: 100% !important;
}

.wc-pao-addons-container .wc-pao-legend {
	font-family: 'Poppins', sans-serif;
    font-size: 16px !important;
    color: black;
    font-weight: bold;
    margin-bottom: 8px;
}

.product-addon-totals ul li:first-child {
	display: none !important;
}

div.product-addon-totals .wc-pao-subtotal-line {
	justify-content: flex-start !important;
}

div.product-addon-totals .wc-pao-subtotal-line .price {
	margin-left: 0px !important;
	margin-right: 0px !important;
	font-family: "Poppins", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
	color: #B89645 !important;
}

.woocommerce div.product form.cart .variations {
	background: none !important;
	display: flex;
}

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
	background: none !important;
}

.woocommerce div.product form.cart .variations th {
	padding: 0px;
}

.woocommerce-variation-price,
.reset_variations {
	display: none !important;
}

.woocommerce div.product form.cart .variations tr {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}

.elementor-widget-woocommerce-cart .woocommerce-notices-wrapper {
	margin-bottom: 24px;
}

.e-loop-add-to-cart-form .button {
	margin: 0px !important;
}

.e-loop-add-to-cart-form .button.added {
	background: #4acf4a !important;
}

.product-img img {
	transition: all 0.2s ease-in-out;
}

.product-img:hover img {
	transform: scale(1.04);
}

.product-card-content {
	height: 100% !important;
}

@media screen and (max-width: 768px) {
	.logo img, 
	.logo-dark {
		min-width: 100px !important;
	}
	#afhalen-bezorgen-fields .woocommerce-input-wrapper {
		flex-flow: column;
		gap: 16px;
	}

	label.radio {
		width: 100%;
	}

	#afhalen-bezorgen-fields .form-row-first, #afhalen-bezorgen-fields .form-row-last {
		width: 100%;
	}
}
button[data-term-id="38"] {
	display: none!important;
}