/* 
Theme Name: Kamado Sumo
Theme URI: https://kamadosumo.com
Description: 
Author: Kamado Team
Author URI: https://kamadadosumo.com
Template: hello-elementor
Version: 2.0.0
Text Domain: kamado
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: 
*/

/* Add your custom styles here */

/* Elementor image carousel — reserve layout space before images load */
.elementor-widget-image-carousel {
	--kamado-carousel-ratio: 1 / 1;
}

.elementor-widget-image-carousel:not(.full-vh-carousel) .elementor-image-carousel-wrapper {
	width: 100%;
	aspect-ratio: var(--kamado-carousel-ratio, 1 / 1);
}

.elementor-widget-image-carousel .swiper-slide-inner {
	width: 100%;
	aspect-ratio: var(--kamado-carousel-ratio, 1 / 1);
	margin: 0;
	overflow: hidden;
	background: transparent;
}

.elementor-widget-image-carousel .swiper-slide-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.elementor-widget-image-carousel .swiper-slide-image.kamado-carousel-image-ready,
.elementor-widget-image-carousel .swiper-slide-image.swiper-lazy-loaded {
	opacity: 1;
}

.elementor-widget-image-carousel .swiper-slide,
.elementor-widget-image-carousel .swiper-slide figure {
	height: auto;
}

.elementor-widget-image-carousel .swiper-slide > a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

/* Only block clicks on inactive loop clones — not all non-visible slides */
.elementor-widget-image-carousel .swiper-slide.swiper-slide-duplicate:not(.swiper-slide-active) {
	pointer-events: none;
}

.elementor-widget-image-carousel .swiper-slide.swiper-slide-active {
	pointer-events: auto;
}

/* Product CSS */
.product .promo, .product .sale {
	display: none;
}
.product.featured .promo, .product.sale .sale {
	display: block;
}

/* Remove white BG from product images */
.transparent-image, .transparent-image img {
    mix-blend-mode: multiply;
}

/* Add to cart button */
.elementor-widget-button.add-to-cart-button {
	display: flex;
	flex-direction: column-reverse;
	gap:10px;
}

/* AJAX add-to-cart: spinner while .loading is on the button */
.elementor-widget-button .elementor-button-link.loading {
	position: relative;
	pointer-events: none;
    color: rgba(255, 255, 255, 0);
}

.elementor-widget-button .elementor-button-link.loading .elementor-button-content-wrapper {
	opacity: 0;
}

.elementor-widget-button .elementor-button-link.loading::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.25em;
	height: 1.25em;
	margin: -0.625em 0 0 -0.625em;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: kamado-btn-spin 0.65s linear infinite;
	box-sizing: border-box;
}

@keyframes kamado-btn-spin {
	to {
		transform: rotate(360deg);
	}
}

.added_to_cart {
	text-align: center;
	color: var(--e-global-color-5cc8a4d);
    font-family: var(--e-global-typography-6c333e1-font-family), Sans-serif;
    font-size: var(--e-global-typography-6c333e1-font-size);
    font-weight: var(--e-global-typography-6c333e1-font-weight);
    text-transform: var(--e-global-typography-6c333e1-text-transform);
    line-height: var(--e-global-typography-6c333e1-line-height);
    letter-spacing: var(--e-global-typography-6c333e1-letter-spacing);
}

/*
Swiper gallery 
*/
/* One specific Elementor Image Carousel as full-screen (shorter on tablet/mobile) */
.full-vh-carousel,
.full-vh-carousel .elementor-image-carousel-wrapper,
.full-vh-carousel .swiper,
.full-vh-carousel .swiper-wrapper,
.full-vh-carousel .swiper-slide {
  height: 100vh !important;
}

@media (max-width: 1024px) {
  .full-vh-carousel,
  .full-vh-carousel .elementor-image-carousel-wrapper,
  .full-vh-carousel .swiper,
  .full-vh-carousel .swiper-wrapper,
  .full-vh-carousel .swiper-slide {
    height: 70vh !important;
  }
}

@media (max-width: 767px) {
  .full-vh-carousel,
  .full-vh-carousel .elementor-image-carousel-wrapper,
  .full-vh-carousel .swiper,
  .full-vh-carousel .swiper-wrapper,
  .full-vh-carousel .swiper-slide {
    height: 60vh !important;
  }
}

/* Make image fill slide without distortion */
.full-vh-carousel .swiper-slide-inner {
  aspect-ratio: auto;
  height: 100%;
  background-color: transparent;
}

.full-vh-carousel .elementor-image-carousel-wrapper {
  aspect-ratio: auto;
}

.full-vh-carousel .swiper-slide img,
.full-vh-carousel .swiper-slide figure,
.full-vh-carousel .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
}

.full-vh-carousel .swiper-slide img {
  object-fit: cover;
  object-position: center;
}

/* Lightbox */
.elementor-lightbox .swiper-wrapper .elementor-lightbox-item {
	padding: 0;
}

.elementor-lightbox .swiper-wrapper .elementor-lightbox-image {
	box-shadow: none;
}


/* WPML */
#lang_switch .wpml-ls-legacy-dropdown,
#lang_switch .wpml-ls-legacy-dropdown .wpml-ls-flag,
#lang_switch .wpml-ls-legacy-dropdown a {
  width: 40px;
}


#lang_switch .wpml-ls-legacy-dropdown a {
  border: none;
  background-color: transparent;
  padding: 0;
}

#lang_switch .wpml-ls-legacy-dropdown a::after {
  display: none;
}