/* 
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 */

/* Style image carousel */

.elementor .swiper-slide-image {
    font-size: 0;
    background-image: url(/wp-content/uploads/2026/02/kamado-sumo-icon.png);
    min-width: 60px;
    min-height: 60px;
    background-size: cover;
}

.elementor .swiper-slide-image::before {
	content: attr(alt);
	display: none;
}

/* 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 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;
}


/* 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;
}