/*
 Theme Name:   Claue Child
 Theme URI:    https://iberia.fuguku.com/
 Description:  Child theme for Claue with product carousel enhancements
 Author:       Fuguku Team
 Author URI:   https://iberia.fuguku.com/
 Template:     claue
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  claue-child
*/

/* ========================================
   Product Archive Carousel Enhancements
   ======================================== */

/* Hide carousel arrows by default */
.product-image-carousel .slick-arrow {
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Show arrows on product hover */
.product:hover .product-image-carousel .slick-arrow {
	opacity: 1;
}

/* Ensure carousel images maintain aspect ratio */
.product-image-carousel .slick-slide img {
	width: 100%;
	height: auto;
	display: block;
}

/* Arrow positioning */
.product-image-carousel .slick-prev {
	left: 10px;
	z-index: 10;
}

.product-image-carousel .slick-next {
	right: 10px;
	z-index: 10;
}

/* Optional: hide dots if not needed */
.product-image-carousel .slick-dots {
	display: none;
}

/* Completely disable flip back image */
.product-image-flip .back {
	display: none !important;
}

/* Carousel positioning */
.product-image-carousel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 5;
}

/* Show carousel on hover */
.product:hover .product-image-carousel {
	opacity: 1;
}

/* Carousel images */
.product-image-carousel img {
	width: 100%;
	height: auto;
}

.product-image-carousel .jas-carousel {
	width: 100%;
}

/* Prevent image flashing/white space */
.product-image-carousel img {
	min-height: 200px;
	background-color: #f5f5f5;
	object-fit: cover;
}

/* Loading state */
.product-image-carousel .carousel-slide {
	position: relative;
}

.product-image-carousel .carousel-slide img[src=""] {
	display: none;
}

/* ========================================
   WooCommerce Password Toggle Fallback
   ======================================== */
.woocommerce form .password-input {
	display: block;
	position: relative;
}

.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"] {
	padding-right: 48px;
}

.woocommerce form button.show-password-input {
	-webkit-appearance: none;
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: transparent;
	cursor: pointer;
	height: 24px;
	line-height: 1;
	margin: 0;
	min-width: 24px;
	padding: 0 !important;
	position: absolute !important;
	right: 14px;
	text-indent: -9999px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	z-index: 2;
}

.woocommerce form button.show-password-input::before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z' fill='%23111111'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	content: "";
	display: block;
	height: 20px;
	left: 2px;
	position: relative;
	top: 2px;
	width: 20px;
}

.woocommerce form button.show-password-input.display-password::before {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z' fill='%23111111'/%3E%3C/svg%3E");
}