/**
 * Глубина — дополнительные стили.
 * Основное оформление берётся из theme.json. Здесь — точечные доработки:
 * карточки товаров, аудио-превью, микроанимации, WooCommerce.
 */

/* --- Карточки товаров в каталоге --- */
.glubina-product-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	padding: 0.85rem;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
}
.glubina-product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 34px rgba(22, 27, 46, 0.12);
}
.glubina-product-card img {
	border-radius: 10px;
}
.glubina-product-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}

/* --- Метаданные товара (длительность, назначение) --- */
.glubina-product-meta {
	list-style: none;
	margin: 1.25rem 0;
	padding: 0;
	display: grid;
	gap: 0.6rem;
	font-size: 0.95rem;
	color: var(--wp--preset--color--contrast-2);
}
.glubina-product-meta li {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.glubina-meta-icon {
	font-size: 1.1rem;
}

/* --- Аудио-превью на карточке товара --- */
.glubina-audio-preview {
	margin: 1.25rem 0;
	padding: 1rem 1.25rem;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 12px;
}
.glubina-audio-preview__label {
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
	margin-bottom: 0.5rem;
	display: block;
}
.glubina-audio-preview audio {
	width: 100%;
}

/* --- Шапка: аккуратная навигация --- */
.glubina-header .wp-block-navigation a {
	text-decoration: none;
}
.glubina-header {
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: saturate(120%) blur(6px);
}

/* --- Подвал: ссылки --- */
.glubina-footer a {
	text-decoration: none;
	opacity: 0.9;
}
.glubina-footer a:hover {
	opacity: 1;
	text-decoration: underline;
}

/* --- WooCommerce: кнопки и цены --- */
.woocommerce ul.products li.product .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--primary-dark);
	font-weight: 700;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: 10px;
	font-weight: 600;
	padding: 0.7em 1.4em;
	transition: background 0.2s ease;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--wp--preset--color--primary-dark);
}

/* --- WooCommerce уведомления --- */
.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--wp--preset--color--secondary);
	border-radius: 8px;
}

/* --- Мини-корзина в шапке --- */
.wc-block-mini-cart__button {
	color: var(--wp--preset--color--contrast);
}

/* --- Детали/аккордеон FAQ --- */
.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	list-style-position: outside;
}
.wp-block-details[open] summary {
	color: var(--wp--preset--color--primary);
}

/* --- Адаптив --- */
@media (max-width: 781px) {
	.glubina-header {
		position: static;
	}
	.glubina-product-meta {
		font-size: 0.9rem;
	}
}