/*
Theme Name: Hello Elementor Child
description: >-
  A child theme of the Hello Elementor WordPress
Author: Hingucker GmbH
Author URI: http://hingucker.ch
Template: hello-elementor
Version: 1.0.9
Text Domain: hello-elementor-child
*/

@media only screen and (max-width: 768px) {
	body.no-scroll {
		overflow: hidden;
	}
}


.woocommerce .single_variation_wrap {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce .woocommerce-variation.single_variation {
	width: 100%;
}

/* Add cart icon to "add to cart" buttons */
.cart .button.add_to_cart_button:after,
.single_add_to_cart_button:after {
	display: inline-block;
	float: right;
	position: relative;
	top: calc((100% - 18px) / 2);
	content: url('https://officepulse.ch/wp-content/themes/hello-elementor-child/assets/img/shopping-cart-solid-white.svg');
	margin-left: 1px;
	margin-right: 4px;
	-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(107%) contrast(101%);
	-moz-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(107%) contrast(101%);
	-ms-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(107%) contrast(101%);
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(165deg) brightness(107%) contrast(101%);
}

.woocommerce .ajax_add_to_cart.loading {
	opacity: 1;
}

.woocommerce .ajax_add_to_cart.loading:after {
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.woocommerce .ajax_add_to_cart.added:after {
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.loading::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.loading::after {
    font-family: WooCommerce;
    content: "\e01c";
    vertical-align: top;
    font-weight: 400;
    position: inherit;
    top: inherit;
    right: inherit;
    animation: spin 2s linear infinite;
	filter: none;
}

.elementor-add-to-cart.elementor-product-simple {
	display: flex;
}

/* check symbol after AJAX add to cart complete */
.woocommerce .cart .button.add_to_cart_button:after,
.woocommerce .single_add_to_cart_button:after {
	filter: none;
}

/* show cart after AJAX add to cart */
.woocommerce .added_to_cart {
	width: 100%;
}

/* Für Webkit-Browser wie Chrome, Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Für Mozilla Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.woocommerce form.cart .quantity,
.woocommerce form.woocommerce-cart-form .quantity {
	background-color: #FFF;
	
	/* NEW START */
	display: grid !important;
  	grid-template-columns: 1fr 1fr 1fr;
	/* NEW END */
	border-top: 2px solid var( --e-global-color-primary );
	border-left: 2px solid var( --e-global-color-primary );
	border-bottom: 2px solid var( --e-global-color-primary );
	align-items: center;
	transition: all 0.2s;
}

.woocommerce form.woocommerce-cart-form .quantity {
	display: flex !important;
}

@media only screen and (max-width: 768px) {
.woocommerce form.woocommerce-cart-form .quantity {
    max-width: 110px;
    margin-left: auto;
}
}


.woocommerce table.cart .quantity {
	height: 36px;
	border-right: 2px solid var( --e-global-color-primary );
}

.woocommerce form.cart .quantity.quantity-focused,
.woocommerce form.cart .quantity:hover,
.woocommerce form.cart .quantity:focus,
.woocommerce form.woocommerce-cart-form .quantity.quantity-focused,
.woocommerce form.woocommerce-cart-form .quantity:hover,
.woocommerce form.woocommerce-cart-form .quantity:focus {
	border-color: var(--e-global-color-accent);
}

.woocommerce .quantity .qty ,
.woocommerce table.cart .quantity .qty {
    width: 2.2em;
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    text-transform: var(--e-global-typography-text-text-transform) !important;
    font-style: var(--e-global-typography-text-font-style) !important;
    text-decoration: var(--e-global-typography-text-text-decoration) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
    word-spacing: var(--e-global-typography-text-word-spacing) !important;
    border-style: none  !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 10px 5px 10px 5px !important;
    color: var(--e-global-color-text) !important;
    background-color: #FFF !important;
    border-color: var(--e-global-color-3754ad7) !important;
    transition: all 0.2s !important;
	text-align: center !important;
    height: 100%;
    max-height: none;
	flex-grow: 1;
}

.woocommerce form.cart .quantity .qty,
.woocommerce form.woocommerce-cart-form .quantity .qty {
	aspect-ratio: 1;
}

.woocommerce .quantity .quantity-plus ,
.woocommerce .quantity .quantity-minus ,
.woocommerce table.cart .quantity .quantity-plus , 
.woocommerce table.cart .quantity .quantity-minus {
	display: flex !important;
    height: 100% !important;
	aspect-ratio: 1 / 1 !important;
	justify-content: center !important;
	align-items: center !important;
}

.woocommerce .quantity .quantity-minus:hover ,
.woocommerce .quantity .quantity-plus:hover {
	background-color: var( --e-global-color-3754ad7 );
	cursor: pointer;
}

.woocommerce .quantity .quantity-plus img ,
.woocommerce .quantity .quantity-minus img ,
.woocommerce table.cart .quantity .quantity-plus img , 
.woocommerce table.cart .quantity .quantity-minus img {
    width: 20px;
}

/* ========================================================================== */
/* SearchWP Styles                                                            */
/* ========================================================================== */

/* Remove gab between search and button */
#searchwp-form-3 .swp-flex--gap-md {
	gap: 0;
}

/* Search input field */
#searchwp-form-3 input[type="search"] {
	background-image: none;
	background-color: #FFF;
	padding: 5px 10px;
	font-size: var( --e-global-typography-b85eb5f-font-size );
}

/* clears the ‘X’ from Internet Explorer */
#searchwp-form-3 input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
#searchwp-form-3 input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
#searchwp-form-3 input[type="search"]::-webkit-search-decoration,
#searchwp-form-3 input[type="search"]::-webkit-search-cancel-button,
#searchwp-form-3 input[type="search"]::-webkit-search-results-button,
#searchwp-form-3 input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Search submit button */
#searchwp-form-3 input[type="submit"] {
	background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 0;
}

#searchwp-form-3 input[type="submit"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23051A4A'/%3E%3C/svg%3E") !important;
}

/* Hover effect */
#searchwp-form-3 .higu-button-wrapper {
	display: flex;
    position: relative;
    background-color: black;
}
#searchwp-form-3 .higu-button-wrapper::before {
    content:'';
    position: absolute;
    background: #fffe3b; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
    border-radius: 0px;
    z-index: 0;
}
#searchwp-form-3 .higu-button-wrapper:hover::before {
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/
}

/* Ajax search results dropout */
.searchwp-live-search-results {
	border-radius: 0 !important;
	min-height: 0 !important;
	background-color: var( --e-global-color-5b959f7 ) !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	height: 500px !important;
    max-height: calc(80dvh - 130px) !important;
}

.searchwp-live-search-no-min-chars {
	min-height: 160px !important;
}
.searchwp-live-search-no-min-chars:after {
	font-size: 16px !important;
}

.searchwp-live-search-result {
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: solid 2px var(--e-global-color-primary) !important;
}

.searchwp-live-search-result:last-child {
    border-bottom: none !important;
}

.searchwp-live-search-result--title,
.searchwp-live-search-result--title a {
	margin-bottom: 0;
	font-size: 16px !important;
	line-height: 18px !important;
	transition: all 0.3s;
}

.searchwp-live-search-result--title a:hover {
	color: var( --e-global-color-5de0a8a ) !important;
}

.searchwp-live-search-result--img img {
	width: 80px !important;
	max-height: 80px !important;
	object-fit: contain !important;
	margin-right: 20px !important;
}

.searchwp-live-search-result {
	padding-left: 10px !important;
	padding-right: 10px !important;
	border: solid 2px #00000000 !important;
	border-bottom: solid 2px var(--e-global-color-a485fbe) !important;
}

.searchwp-live-search-result--desc,
.searchwp-live-search-result .searchwp-live-search-result--info p,
.searchwp-live-search-result .searchwp-live-search-result--price {
	font-size: 14px !important;
	line-height: 16px !important;
	margin-block-end: 0px !important;
}

.searchwp-live-search-result:hover {
	border: solid 2px var(--e-global-color-accent) !important;
	background-color: var(--e-global-color-a485fbe) !important;
	padding: 10px !important;
}

.searchwp-live-search-no-results {
    padding: 4dvh 2em 0 !important;
}


/**********************************************************/
/* BUTTONS */

/*Fill box*/
.elementor-login .elementor-button,
.woocommerce-MyAccount-content .woocommerce-button.view,
button[name="save_account_details"],
button[name="login"],
button[name="register"],
button[name="apply_coupon"],
button[name="woocommerce_checkout_place_order"],
.checkout-button,
.elementor-button--view-cart,
.elementor-button--checkout {
    background: transparent;
    z-index: 0;
	position: relative;
	overflow: hidden;
}

/* Hintergrund bei Hover */
.elementor-login .elementor-button::before,
.woocommerce-MyAccount-content .woocommerce-button.view::before,
button[name="save_account_details"]::before,
button[name="login"]::before,
button[name="register"]::before,
button[name="apply_coupon"]::before,
button[name="woocommerce_checkout_place_order"]::before,
.checkout-button::before,
.elementor-button--view-cart::before,
.elementor-button--checkout::before {
    content:'';
    position: absolute;
    background: var(--e-global-color-accent);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
    border-radius: 0px;
    z-index: -1;
}

/* Standard-Hintergrund */
.elementor-login .elementor-button::after
.woocommerce-MyAccount-content .woocommerce-button.view::after,
button[name="save_account_details"]::after,
button[name="login"]::after,
button[name="register"]::after,
button[name="apply_coupon"]::after,
button[name="woocommerce_checkout_place_order"]::after,
.checkout-button::after,
.elementor-button--view-cart::after,
.elementor-button--checkout::after {
    content:'';
    position: absolute;
    background: var( --e-global-color-secondary ) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0px;
    z-index: -2;
}

/*Hover class*/
.elementor-login .elementor-button:hover::before,
.woocommerce-MyAccount-content .woocommerce-button.view:hover::before,
button[name="save_account_details"]:hover::before,
button[name="login"]:hover::before,
button[name="register"]:hover::before,
button[name="apply_coupon"]:hover::before,
button[name="woocommerce_checkout_place_order"]:hover::before,
.checkout-button:hover::before,
.elementor-button--view-cart:hover::before,
.elementor-button--checkout:hover::before {
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/
}

/*Button text Focus und Hover*/
button::before {
    color: var(--e-global-color-a485fbe) !important;
}







/**********************************************************/
/* Bildgrössen im Mini Cart */

.elementor-menu-cart__product-image a {
    max-height: 100%;
    max-width: 100%;
	display: inline !important;
}

.elementor-menu-cart__product-image img {
	display: inline !important;
}


/**********************************************************/
/* Bildgrössen im Warenkorb */

.elementor-widget-woocommerce-cart .woocommerce table.cart img {
	max-height: 80px;
    max-width: 100%;
}


/**********************************************************/
/* Discount Price Text */
/*
.shop_table .fee td::before {
	content: 'Mengenrabatt' !important;
}
*