/*
Theme Name: Hello Elementor Child
Description: Child theme for Hello Elementor with site-specific WooCommerce customizations.
Author: CIF
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hello-elementor-child
*/

/* Add child-theme CSS below this line. */

/* Shop sorting dropdown ([custom_shop_sorting]) */
.custom-shop-sorting {
	width: 100%;
	float: none;
	margin: 0 0 24px;
}

.custom-shop-sorting select.orderby {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 62px;
	margin: 0;
	padding: 0 40px 0 16px;
	font-family: "Libre Franklin", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #292929;
	background-color: #fff;
	border: 1px solid #072D7E2B;
	border-radius: 10px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px;
}

.custom-shop-sorting select.orderby:hover {
	border-color: #36593C;
}

.custom-shop-sorting select.orderby:focus {
	outline: none;
	border-color: #36593C;
	box-shadow: none;
}
 
.elementor-widget-woocommerce-product-add-to-cart form.cart .button {
    padding: 12px;
    text-align: center;
}

/* Promo marquee bar (header.php) */
.custom-promo-bar {
	overflow: hidden;
	width: 100%;
	background-color: var( --e-global-color-332724a, #FFC841 );
	color: #000;
	padding: 8px 0;
	white-space: nowrap;
}

.custom-promo-bar__track {
	display: flex;
	flex-wrap: nowrap;
	width: max-content;
	white-space: nowrap;
	will-change: transform;
	animation: custom-promo-scroll 30s linear infinite;
}

.custom-promo-bar__text {
	flex: 0 0 auto;
	white-space: nowrap;
	padding: 0 calc(100vw + 2rem) 0 2rem;
	font-family: "Libre Franklin", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: #000;
}

.custom-promo-bar:hover .custom-promo-bar__track {
	animation-play-state: paused;
}

@keyframes custom-promo-scroll {
	from { transform: translateX( 0 ); }
	to { transform: translateX( -50% ); }
}

@media ( prefers-reduced-motion: reduce ) {
	.custom-promo-bar__track {
		animation: none;
	}
	.custom-promo-bar {
		white-space: normal;
		text-align: center;
	}
	.custom-promo-bar__text:last-child {
		display: none;
	}
}