/**
* Theme Name:        avanam-johary
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.6
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-johary
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
}

.site-top-footer-inner-wrap {
  display: none !important;
}



/* -------------------------------------------------------------------------
   LVLX + WooCommerce: карточка в лупе
   — Avanam по умолчанию режет li (overflow:hidden) и кнопка «на вылет» уходит под соседей в grid:
     overflow:visible !important + z-index при hover/focus-within для woo-archive-action-on-hover.
   — Coming Soon (класс lvlx-product--coming-soon на li, см. functions.php):
     тёмная карточка, превью 3:4, градиент, заголовок/цена/кнопка внизу на фото
     как в референсе. overflow у li — visible, чтобы не резалась кнопка корзины.
------------------------------------------------------------------------- */

/* Контекст для бейджа и absolute-кнопки архива Avanam */
.woocommerce ul.products li.product,
.single-product .woocommerce div.product {
	position: relative;
}

/*
 * Avanam (_archive.scss): .woocommerce ul.products li.product { overflow: hidden }
 * + woo-archive-action-on-hover: .product-action-wrap { position:absolute; bottom:-2rem; opacity:0 }
 * Без overflow:visible кнопка обрезается; без z-index на hover — уходит ПОД соседнюю карточку в grid.
 */
.woocommerce ul.products li.product {
	overflow: visible !important;
}

.woocommerce ul.products.woo-archive-action-on-hover li.product {
	position: relative;
	z-index: 1;
}

.woocommerce ul.products.woo-archive-action-on-hover li.product:hover,
.woocommerce ul.products.woo-archive-action-on-hover li.product:focus-within {
	z-index: 20;
}

.woocommerce ul.products.woo-archive-action-on-hover li.product .product-action-wrap {
	z-index: 5;
}

/* Coming Soon — pill, золотой градиент */
.lvlx-coming-soon-badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 9;
	display: inline-block;
	padding: 0.375rem 0.75rem;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #0e0e0e;
	border-radius: 9999px;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgb(184, 146, 61) 0%,
		rgb(230, 206, 138) 50%,
		rgb(201, 162, 75) 100%
	);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

/* ========== Только Coming Soon: «карточка + оверлей» как в макете ========== */

.woocommerce ul.products li.product.lvlx-product--coming-soon {
	display: flex;
	flex-direction: column;
	overflow: visible;
	cursor: pointer;
	background: #0e0e0e;
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 0.75rem;
	box-shadow: none;
	transition:
		border-color 0.5s ease,
		box-shadow 0.5s ease;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon:hover {
	border-color: rgba(184, 146, 61, 0.4);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: visible;
	background: #141414;
	border-radius: 0.75rem 0.75rem 0 0;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail > a.woocommerce-loop-image-link,
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail > a.woocommerce-loop-product__link {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	border-radius: 0.75rem 0.75rem 0 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail > a img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.7s ease;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail > a img.secondary-product-image {
	z-index: 0;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(
		to top,
		rgb(14, 14, 14) 0%,
		rgba(14, 14, 14, 0.7) 35%,
		rgba(14, 14, 14, 0.1) 70%,
		rgba(14, 14, 14, 0) 100%
	);
}

.woocommerce ul.products li.product.lvlx-product--coming-soon:hover .product-thumbnail > a img {
	transform: scale(1.05);
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail .lvlx-coming-soon-badge {
	z-index: 5;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-thumbnail .product-actions {
	z-index: 7;
}

/* Блок с заголовком/ценой/кнопкой — поверх низа превью (кликиабельность без «дыр» в hover) */
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 6;
	margin: 0;
	padding: 1.5rem;
	padding-top: 2rem;
	background: transparent;
	pointer-events: auto;
}

/* Заголовок как в макете: serif, крупный, белый */
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details .woocommerce-loop-product__title,
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details h2,
.woocommerce ul.products li.product.lvlx-product--coming-soon .woocommerce-loop-product__title {
	margin: 0 0 0.5rem;
	padding: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.375rem, 2.8vw, 1.5rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #fff;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details .woocommerce-loop-product__title a,
.woocommerce ul.products li.product.lvlx-product--coming-soon .woocommerce-loop-product__title_link {
	color: #fff;
	text-decoration: none;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-details .woocommerce-loop-product__title a:hover,
.woocommerce ul.products li.product.lvlx-product--coming-soon .woocommerce-loop-product__title_link:hover {
	color: #e6ce8a;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .price {
	margin: 0 0 1rem;
	padding: 0;
	font-size: 0.875rem;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.6);
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .price del {
	opacity: 0.55;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .price ins {
	text-decoration: none;
	color: #e6ce8a;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .star-rating {
	margin: 0 0 0.5rem;
	color: #b8923d;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .product-action-wrap {
	position: relative;
	z-index: 10;
	flex-shrink: 0;
	margin: 0;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .button,
.woocommerce ul.products li.product.lvlx-product--coming-soon a.button {
	margin: 0;
	padding: 0.75rem 1rem;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: center;
	color: #b8923d;
	background: transparent;
	border: 1px solid rgba(184, 146, 61, 0.4);
	border-radius: 0.125rem;
	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease;
}

.woocommerce ul.products li.product.lvlx-product--coming-soon .button:hover,
.woocommerce ul.products li.product.lvlx-product--coming-soon a.button:hover {
	color: #b8923d;
	background: rgba(184, 146, 61, 0.1);
	border-color: #b8923d;
}

/* Классическая разметка Woo без .product-thumbnail — только Coming Soon */
@supports selector(:has(*)) {
	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) > a.woocommerce-LoopProduct-link,
	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) > a.woocommerce-loop-product__link {
		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 3 / 4;
		overflow: hidden;
		text-decoration: none;
		color: inherit;
	}

	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) > a.woocommerce-LoopProduct-link::after,
	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) > a.woocommerce-loop-product__link::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		pointer-events: none;
		background: linear-gradient(
			to top,
			rgb(14, 14, 14) 0%,
			rgba(14, 14, 14, 0.7) 35%,
			rgba(14, 14, 14, 0.1) 70%,
			rgba(14, 14, 14, 0) 100%
		);
	}

	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) > a > img {
		position: absolute;
		inset: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: center;
		display: block;
		transition: transform 0.7s ease;
	}

	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)):hover > a > img {
		transform: scale(1.05);
	}

	.woocommerce ul.products li.product.lvlx-product--coming-soon:not(:has(.product-thumbnail)) .lvlx-coming-soon-badge {
		z-index: 5;
	}
}

/* ========== Остальные карточки: превью 3:4 (единая высота ряда), без градиента ========== */

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: visible;
	border-radius: 0.5rem 0.5rem 0 0;
	background: #f6f2ea;
}

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail > a.woocommerce-loop-image-link,
.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail > a.woocommerce-loop-product__link {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
	border-radius: 0.5rem 0.5rem 0 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail > a img {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.7s ease;
}

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail > a img.secondary-product-image {
	z-index: 0;
}

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon) .product-thumbnail .product-actions {
	z-index: 3;
}

.woocommerce ul.products li.product:not(.lvlx-product--coming-soon):hover .product-thumbnail > a img {
	transform: scale(1.05);
}

@supports selector(:has(*)) {
	.woocommerce ul.products li.product:not(.lvlx-product--coming-soon):not(:has(.product-thumbnail)) > a.woocommerce-LoopProduct-link,
	.woocommerce ul.products li.product:not(.lvlx-product--coming-soon):not(:has(.product-thumbnail)) > a.woocommerce-loop-product__link {
		position: relative;
		display: block;
		width: 100%;
		aspect-ratio: 3 / 4;
		overflow: hidden;
		text-decoration: none;
		color: inherit;
		border-radius: 0.5rem 0.5rem 0 0;
	}

	.woocommerce ul.products li.product:not(.lvlx-product--coming-soon):not(:has(.product-thumbnail)) > a > img {
		position: absolute;
		inset: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: center;
		display: block;
		transition: transform 0.7s ease;
	}

	.woocommerce ul.products li.product:not(.lvlx-product--coming-soon):not(:has(.product-thumbnail)):hover > a > img {
		transform: scale(1.05);
	}
}