/* 
Theme Name: broot theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Child theme powered by broot
Author: broot
Author URI: https://broot.es
Template: hello-elementor
Version: 1.0.5
Text Domain: broot themew
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Disable the visual hover zoom while preserving the gallery lightbox. */
.single-product .woocommerce-product-gallery .zoomImg {
	display: none !important;
}

/* Keep linked loop cards as flex containers inside product carousels. */
.elementor-widget-loop-carousel .e-loop-item > .e-con {
	display: flex !important;
	width: 100%;
	height: 100%;
}

/* The selected variation price is shown in the main Elementor price widget. */
.single-product form.variations_form .woocommerce-variation-price {
	display: none !important;
}

/* Home promotional marquee. */
.pepaloba-marquee {
	width: 100%;
	overflow: hidden;
	color: #d4a057;
}

.pepaloba-marquee__track {
	display: flex;
	width: max-content;
	animation: pepaloba-marquee-scroll 28s linear infinite;
}

.pepaloba-marquee:hover .pepaloba-marquee__track {
	animation-play-state: paused;
}

.pepaloba-marquee__group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
}

.pepaloba-marquee__group span {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	padding-inline: 28px;
	color: inherit;
	font-family: Jost, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	text-transform: uppercase;
}

.pepaloba-marquee__group i {
	position: absolute;
	right: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: currentColor;
	transform: translateX(50%);
}

@keyframes pepaloba-marquee-scroll {
	to {
		transform: translateX(-33.333333%);
	}
}

@media (max-width: 767px) {
	.pepaloba-marquee__group span {
		padding-inline: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pepaloba-marquee__track {
		width: 100%;
		animation: none;
	}

	.pepaloba-marquee__group {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}

	.pepaloba-marquee__group[aria-hidden="true"] {
		display: none;
	}

	.pepaloba-marquee__group span {
		flex: 0 0 auto;
	}
}
