/*
 * XStorm Loyalty Club — точечные витринные улучшения.
 * Селекторы Elementor безопасно ничего не делают на темах без Elementor.
 */

/* При открытой боковой корзине сама кнопка корзины не должна перекрывать панель. */
.elementor-menu-cart--shown .elementor-menu-cart__toggle,
.elementor-menu-cart--shown .elementor-menu-cart__toggle_button {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* Библиотека — заметный приоритетный пункт, расположенный до мероприятий. */
.woocommerce-account .woocommerce-MyAccount-navigation-link--club-library > a {
	align-items: center;
	background: linear-gradient(135deg, #7b4d13, #a96d21) !important;
	border-radius: 10px;
	box-shadow: 0 5px 14px rgba(123, 77, 19, 0.2);
	color: #fff !important;
	display: flex !important;
	font-weight: 700;
	gap: 8px;
	margin: 5px 0;
	padding: 11px 13px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--club-library > a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation-link--club-library.is-active > a {
	background: linear-gradient(135deg, #623c0f, #875518) !important;
	color: #fff !important;
}

/* Иконки без внешнего шрифта или изображения. */
.woocommerce-account .woocommerce-MyAccount-navigation-link--club-library > a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods > a::before {
	display: inline-block !important;
	flex: 0 0 auto;
	font-family: Arial, sans-serif !important;
	font-size: 18px !important;
	font-style: normal;
	line-height: 1 !important;
	margin: 0 !important;
	width: auto !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--club-library > a::before {
	content: "📚" !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods > a::before {
	content: "💳" !important;
}

/* Утверждённый в ТЗ блок преимуществ на главной: больше воздуха по бокам на смартфонах. */
@media (max-width: 767px) {
	body.home .elementor-element.elementor-element-0f2e64f {
		margin-left: auto !important;
		margin-right: auto !important;
		width: min(320px, calc(100% - 56px)) !important;
	}
}