/* ==== UNIVERSAL BUTTON STYLING (NO GAPS) ==== */
a.button,
button.button,
.coupon button.button,
.actions button.button,
a.restore-item,
a.button.wc-forward,
a.button.wc-backward,
button#place_order,
a.checkout-button.button.alt.wc-forward {
  position: relative;
  overflow: hidden;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-sizing: border-box;
  z-index: 1;
  background: none;
  isolation: isolate;
}

/* ==== PSEUDO-ELEMENT GRADIENT BACKGROUND ==== */
a.button::before,
button.button::before,
.coupon button.button::before,
.actions button.button::before,
a.restore-item::before,
a.button.wc-forward::before,
a.button.wc-backward::before,
button#place_order::before,
a.checkout-button.button.alt.wc-forward::before {
  content: '';
  position: absolute;
  top: 0; left: -1px; right: 0; bottom: 0;
  background: linear-gradient(to right, #000 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.2s ease-in-out;
  z-index: -1;
	
}

/* ==== HOVER STATES FOR ALL BUTTONS ==== */
a.button:hover::before,
button.button:hover::before,
.coupon button.button:hover::before,
.actions button.button:hover::before,
a.restore-item:hover::before,
a.button.wc-forward:hover::before,
a.button.wc-backward:hover::before,
button#place_order:hover::before,
a.checkout-button.button.alt.wc-forward:hover::before {
	
  background-position: 0 0;
}

a.button:hover,
button.button:hover,
.coupon button.button:hover,
.actions button.button:hover,
a.restore-item:hover,
a.button.wc-forward:hover,
a.button.wc-backward:hover,
button#place_order:hover,
a.checkout-button.button.alt.wc-forward:hover {
	
  color: #fff !important;
  border-color: #000 !important;
}

/* ==== ORDER BUTTON SPECIFIC STYLING ==== */
button#place_order {
  padding: 0px 24px;
  font-weight: 600;
  font-size: 16px;
}

/* ==== OPTIONAL: FIX PADDING FOR CHECKOUT BUTTON ==== */
a.checkout-button.button.alt.wc-forward {
  padding: 0px 24px !important;
  font-size: 16px;
  font-weight: 600;
	
 
}

/* ==== WOOCOMMERCE INFO + MESSAGES ==== */
.woocommerce-message,
.cart-empty.woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-info,
ul.woocommerce-error {
	
  background: #000;
  color: #fff;
}



/* header mobile menu hover */

.brx-submenu-toggle.icon-right:hover {
    color: #000;
}

.woocommerce-mini-cart-item a:not(.remove_from_cart_button) {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}


/* Disable product links in cart table */
.woocommerce-cart-form__cart-item .product-thumbnail a,
.woocommerce-cart-form__cart-item .product-name a {
  pointer-events: none;
  cursor: default;
  color: inherit;
  text-decoration: none;
}

.woocommerce-additional-fields > h3 {
    display: none;
}

/* basic dot */
.alpin-stock-dot {
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .5rem;
  /* width/height are set inline by shortcode but you can override here if you like */
}

/* colors with your values */
.alpin-stock-green  { background: rgb(60, 122, 59); }
.alpin-stock-orange { background: rgb(178, 138, 45); }
.alpin-stock-red    { background: #dc3545; } /* keep red as before, unless you want a custom RGB */













:root{
	--text-m: 18px;
	--text-s: 16px;
	--text-xs: 13px;
	/* event template h1+ Home page  all  h2 */
	--text-xxl: 50px;
	/* event template, Related event title */
	--text-l: 24px;
/* 	Home page  hero title */
	--text-xxxxxl: 110px;
	--text-xxxxl: 92px;
	--text-xll: 80px;
	--text-xxxl: 62px;
	
	
	--text-xl: 32px;
	--text-sxl:36px;
}