/*
Theme Name: Hello Biz Child
Theme URI: https://www.gustdecamp.com/
Description: Child theme for the Hello Biz theme
Author: ARQU
Author URI: https://www.gustdecamp.com/
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-child
*/

/* Add your custom CSS below */

/* General styles */

:root {
  --gray: #E6E6E6;
  --black: #191E25;
  --gold: #FABF12;
  --radius: 0.5rem;
  --transition: 0.3s ease;
  font-family: 'Levenim MT', sans-serif;
}

/* PRODUCTS LOOP */
.home .woocommerce li.product {
	border: 1px solid var(--black);
	border-radius: 32px;
}

.home .woocommerce img {
	width: 100%;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
	font-family: "Levenim MT", sans-serif;
    font-size: 16px;
    text-transform: none;
    text-align: center;
    padding: 20px;
    /*margin-bottom: 25px;*/
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations {
	width: 100%;
	padding: 0px 20px;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations .label {
	display: none;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations .value {
	background: white;
	border: 0;
	position: relative;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations .value select {
  font-family: 'Levenim MT', sans-serif;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 12px 50px 12px 16px;
  background: var(--gray);
  border: none;
  border-radius: var(--radius);
  font-size: 1rem;
  color: #000;
  cursor: pointer;
}

.reset_variations {display: none!important;}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations .value::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 100%;
  background: var(--black);
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  pointer-events: none;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .variations .value::before {
  	content: "";
    position: absolute;
    right: 12px;
    top: 44%;
    width: 18px;
    height: 18px;
    border-left: 2px solid var(--gold);
    border-bottom: 2px solid var(--gold);
    transform: translateY(-60%) rotate(-45deg);
    pointer-events: none;
    z-index: 1000;
}


.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button {
	font-family: 'Levenim MT', sans-serif;
	border-radius: 32px;
	background-color: var(--gold);
	font-weight: 700;
	font-size: 16px;
	color: #000000;
	margin: 10px 20px 20px 20px;
    width: calc(100% - 40px);
    padding: 15px;
}


.home .qib-button-wrapper {
	float: none;
	margin: 10px 0px 0px 0px;
}
.home .quantity.wqpmb_quantity {
	width: calc(100% - 121px);
}

.home .quantity.wqpmb_quantity input {
	width: 100%;
	background: var(--gray)!important;
}

.xoo-wsc-qty-box.xoo-wsc-qtb-square {
	border-width: 0px;
}

.home .quantity.wqpmb_quantity input #text-field-container:after > div > div {
	content: ' u.';
}

.home .qib-button-wrapper button.qib-button {
  background: var(--black)!important;
  color: var(--gold);
  border: none;
  transition: background var(--transition);
  padding: 0;
  font-size: 36px;
  line-height: 1em;
}

.home .qib-button-wrapper button.qib-button:hover {
  background: #2b2d31;
}

.variations_form.cart {
	position: relative;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .single_variation {
    position: absolute;
    top: -37px;
    width: 100%;
    background-color: white;
    z-index: 100;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price {
	font-family: 'Levenim MT', sans-serif;
    color: var(--gold);
    font-size: 32px;
    line-height: 1em;
    margin: 0;
}

.home .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-Price-currencySymbol {
	display: inline-block;
    margin-left: -20px;
}

body .qib-button-wrapper .minus.qib-button,
.xoo-wsc-minus {
	border-radius: 8px 0px 0px 8px;
}

body .qib-button-wrapper .plus.qib-button,
.xoo-wsc-plus {
	border-radius: 0px 8px 8px 0px;
}

/* CHECKOUT */
.wp-block-woocommerce-checkout,
.woocommerce-order {
	max-width: 1140px;
	margin: 0 auto !important;
}

@media(max-width:768px) {
	.wp-block-woocommerce-checkout, .woocommerce-order {
		padding: 0 20px;
		max-width: calc(100% - 40px);
	}
}

.stock.in-stock {
	display: none;
}