/*
 * Theme Name: VEERA BEAUTY
 * Theme URI: https://#
 * Version: 1.0.0
 * Author: Koushik Mandal
 * Author URI: http://#
 * Description: Veera Beauty is an elegant and modern WordPress theme designed for beauty salons, spas, and wellness centers. It offers a clean and professional design with customizable features to showcase your services, team, and portfolio effectively.
 *Requires at least: 7.0
 *Tested up to: 7.0
 *Requires PHP: 8.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/copyleft/gpl.html
*Text Domain: veerabeauty
*/

/* ==========================================================================
   WooCommerce Product Archive Grid
   Source template: woocommerce/archive-product.php
   Scope: product list layout and WooCommerce float reset only.
   ========================================================================== */

.woocommerce .products-section ul.products.product-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: none !important;
	border: 0;
	border-radius: 0;
	background: transparent;
	list-style: none;
	overflow: visible;
}

.woocommerce .products-section ul.products.product-grid::before,
.woocommerce .products-section ul.products.product-grid::after {
	display: none !important;
	content: none !important;
}

/* ==========================================================================
   WooCommerce Product Archive Cards
   Scope: card shell, clickable card body, product media, text, price and CTA.
   ========================================================================== */

.woocommerce .products-section ul.products.product-grid li.product.product-card {
	display: flex !important;
	flex-direction: column !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 14px !important;
	overflow: visible !important;
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	transition: transform 180ms ease, box-shadow 180ms ease !important;
}

.woocommerce .products-section ul.products.product-grid li.product.product-card:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 18px 44px rgba(36, 29, 42, .1) !important;
}

.woocommerce .products-section .product-card-link {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	color: inherit !important;
	text-decoration: none !important;
}

.woocommerce .products-section .product-shot {
	display: grid !important;
	width: 100% !important;
	min-height: 0 !important;
	place-items: center !important;
	aspect-ratio: 1 / 1.08 !important;
	margin-bottom: 16px !important;
	overflow: hidden !important;
	border-radius: 7px !important;
}

.woocommerce .products-section .shot-coral {
	background: var(--coral);
}

.woocommerce .products-section .shot-mint {
	background: var(--mint);
}

.woocommerce .products-section .shot-lemon {
	background: var(--yellow);
}

.woocommerce .products-section .shot-lilac {
	background: var(--lilac);
}

.woocommerce .products-section .product-shot img.product-bottle-image {
	display: block !important;
	width: min(62%, 210px) !important;
	max-width: 210px !important;
	height: 82% !important;
	max-height: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center !important;
	filter: drop-shadow(0 18px 24px rgba(36, 29, 42, .18)) !important;
}

.woocommerce .products-section .product-type {
	margin: 0 0 8px !important;
	color: var(--coral) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

.woocommerce .products-section .product-card h2.woocommerce-loop-product__title,
.woocommerce .products-section .product-card h3.woocommerce-loop-product__title {
	margin: 0 0 10px !important;
	padding: 0 !important;
	color: var(--ink) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	line-height: 1.08 !important;
}

.woocommerce .products-section .product-summary {
	min-height: 50px !important;
	margin: 0 !important;
	color: var(--muted) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
}

.woocommerce .products-section .product-bottom {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 18px !important;
	padding-top: 0 !important;
	font-weight: 950 !important;
}

.woocommerce .products-section .product-bottom .price {
	color: var(--ink) !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
}

.woocommerce .products-section .product-bottom .price del,
.woocommerce .products-section .product-bottom .price del .amount {
	color: #9f95a9 !important;
}

.woocommerce .products-section .product-bottom .price del {
	display: block !important;
	margin-bottom: 4px !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: line-through !important;
	text-decoration-color: rgba(159, 149, 169, .78) !important;
	text-decoration-thickness: 1px !important;
}

.woocommerce .products-section .product-bottom .price del .amount,
.woocommerce .products-section .product-bottom .price del bdi,
.woocommerce .products-section .product-bottom .price del .woocommerce-Price-currencySymbol {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}

.woocommerce .products-section .product-bottom .price ins {
	text-decoration: none !important;
}

.woocommerce .products-section a.button.add-button,
.woocommerce .products-section button.add-button,
.woocommerce .products-section .product-bottom .add-button.is-view-cart {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 118px !important;
	max-width: none !important;
	min-height: 44px !important;
	height: 44px !important;
	padding: 0 18px !important;
	color: #fff !important;
	background: var(--ink) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	cursor: pointer !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.woocommerce .products-section a.button.add-button:hover,
.woocommerce .products-section a.button.add-button:focus-visible,
.woocommerce .products-section .product-bottom .add-button.is-view-cart:hover,
.woocommerce .products-section .product-bottom .add-button.is-view-cart:focus-visible {
	color: #fff !important;
	background: var(--ink) !important;
}

.woocommerce .products-section a.button.add-button.loading,
.woocommerce .products-section a.button.add-button.is-adding-to-cart {
	gap: 8px !important;
	opacity: 1 !important;
	background: var(--ink) !important;
}

.woocommerce .products-section a.button.add-button.loading::after,
.woocommerce .products-section a.button.add-button.is-adding-to-cart::after {
	display: none !important;
	content: none !important;
}

.woocommerce .products-section a.button.add-button.is-adding-to-cart::before {
	content: "" !important;
	display: inline-block !important;
	flex: 0 0 auto !important;
	width: 13px !important;
	height: 13px !important;
	border: 2px solid rgba(255, 255, 255, .52) !important;
	border-top-color: #fff !important;
	border-radius: 50% !important;
	animation: viraaArchiveButtonSpin .72s linear infinite !important;
}

.woocommerce .products-section a.button.add-button.added {
	background: #30b481 !important;
}

@keyframes viraaArchiveButtonSpin {
	to {
		transform: rotate(360deg);
	}
}

.woocommerce .products-section a.added_to_cart,
.woocommerce .products-section a.added_to_cart.wc-forward {
	display: none !important;
}

/* ==========================================================================
   WooCommerce Product Archive Card Responsiveness
   ========================================================================== */

@media (max-width: 1100px) {
	.woocommerce .products-section ul.products.product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 768px) {
	.woocommerce .products-section ul.products.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	.woocommerce .products-section ul.products.product-grid li.product.product-card {
		padding: 12px 12px 14px !important;
		border-radius: 7px !important;
	}

	.woocommerce .products-section .product-shot {
		margin-bottom: 17px !important;
		border-radius: 6px !important;
	}

	.woocommerce .products-section .product-shot img.product-bottle-image {
		width: min(54%, 190px) !important;
		max-width: 190px !important;
		height: 72% !important;
	}

	.woocommerce .products-section .product-type {
		margin-bottom: 12px !important;
		font-size: 13px !important;
		line-height: 1 !important;
	}

	.woocommerce .products-section .product-card h2.woocommerce-loop-product__title,
	.woocommerce .products-section .product-card h3.woocommerce-loop-product__title {
		margin-bottom: 8px !important;
		font-size: 17px !important;
		line-height: 1.22 !important;
	}

	.woocommerce .products-section .product-summary {
		min-height: 0 !important;
		font-size: 14px !important;
		line-height: 1.55 !important;
	}

	.woocommerce .products-section .product-bottom {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: end !important;
		justify-content: space-between !important;
		gap: 12px !important;
		margin-top: 18px !important;
	}

	.woocommerce .products-section .product-bottom .price,
	.woocommerce .products-section .product-bottom .price .amount,
	.woocommerce .products-section .product-bottom .price .woocommerce-Price-currencySymbol {
		font-size: 15px !important;
		line-height: 1 !important;
	}

	.woocommerce .products-section a.button.add-button,
	.woocommerce .products-section button.add-button,
	.woocommerce .products-section .product-bottom .add-button.is-view-cart {
		min-width: 108px !important;
		width: auto !important;
		max-width: 100% !important;
		min-height: 40px !important;
		height: 40px !important;
		padding: 0 16px !important;
		font-size: 14px !important;
	}
}

@media (max-width: 424px) {
	.woocommerce .products-section ul.products.product-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 480px) {
	.woocommerce .products-section .product-bottom {
		grid-template-columns: 1fr !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	.woocommerce .products-section a.button.add-button,
	.woocommerce .products-section button.add-button,
	.woocommerce .products-section .product-bottom .add-button.is-view-cart {
		width: 100% !important;
		min-width: 0 !important;
	}
}

/* Reversible archive banner full-image override. Remove this block to restore cropped hero behavior. */
body.shop-all-products-template .shop-archive-page .shop-promo-banner {
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	overflow: visible !important;
}

body.shop-all-products-template .shop-archive-page .shop-promo-banner img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	object-position: center !important;
}

@media (max-width: 767px) {
	body.shop-all-products-template .shop-archive-page .shop-promo-banner img {
		aspect-ratio: auto !important;
		object-fit: contain !important;
	}
}

/* #chaty-widget-0 .chaty-i-trigger .chaty-channel a {
	top: -50px;
} */