/* FoxnFound — My Account в стиле бренда (крем #FCF8EF / чернила #1c160d / латунь #8C6F3F) */

/* ── шапка раздела ── */
.woocommerce-account .my-account-header {
	background: #fcf8ef !important;
	border-bottom: 1px solid #e4d9c3;
}
.woocommerce-account .my-account-header .entry-title,
.woocommerce-account .my-account-header h1 {
	color: #1c160d;
}

/* ── пользователь: компактная строка, без рамок и фона ── */
.woocommerce-account .account-user {
	display: flex;
	align-items: center;
	gap: 12px;
	background: none;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0;
	padding: 2px 0 14px;
	margin-bottom: 16px;
}
.woocommerce-account .account-user .image {
	margin: 0 !important;
	line-height: 0;
}
.woocommerce-account .account-user .image img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #8c6f3f;
}
.woocommerce-account .account-user .user-name {
	color: #1c160d;
	font-weight: 600;
	letter-spacing: 0.02em;
}

/* ── навигация кабинета ── */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	border: 1px solid #e4d9c3;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #eee8da;
	list-style: none;
	margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 16px;
	color: #5a4d3a;
	border-left: 3px solid transparent;
	transition: all 0.15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	color: #1c160d;
	background: #fcf8ef;
	border-left-color: #c9a96e;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	color: #1c160d;
	font-weight: 600;
	background: #fcf8ef;
	border-left-color: #8c6f3f;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #9c6b62;
}

/* ── Заказы: список и детали — светлая редакторская таблица (как Wishlist) ──
   Префикс «.woocommerce table.» поднимает специфичность выше базового правила
   WooCommerce «.woocommerce table.shop_table th/td{padding:9px 12px}», иначе на
   странице order-received наши отступы проигрывают. */
.woocommerce table.woocommerce-orders-table,
.woocommerce table.woocommerce-table--order-details,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	border: 1px solid #e4d9c3;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 0 rgba(28, 22, 13, 0.03);
}
.woocommerce table.woocommerce-orders-table thead th,
.woocommerce table.woocommerce-table--order-details thead th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
	background: #faf6ec;
	color: #8c6f3f;
	font-size: 0.78em;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border: 0;
	border-bottom: 1px solid #e4d9c3;
	padding: 14px 24px;
}
.woocommerce table.woocommerce-orders-table tbody td,
.woocommerce table.woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td {
	border: 0;
	border-bottom: 1px solid #f0e9da;
	padding: 16px 24px;
	background: #fff;
	color: #1c160d;
	filter: none; /* гасим зебру WooCommerce (brightness 88% на нечётных строках) */
	vertical-align: middle;
}
/* больше воздуха по внешним краям карточки (ORDER не липнет к рамке) */
.woocommerce table.woocommerce-orders-table th:first-child,
.woocommerce table.woocommerce-orders-table td:first-child,
.woocommerce table.woocommerce-table--order-details th:first-child,
.woocommerce table.woocommerce-table--order-details td:first-child,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th:first-child,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td:first-child {
	padding-left: 30px;
}
.woocommerce table.woocommerce-orders-table th:last-child,
.woocommerce table.woocommerce-orders-table td:last-child,
.woocommerce table.woocommerce-table--order-details th:last-child,
.woocommerce table.woocommerce-table--order-details td:last-child,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th:last-child,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td:last-child {
	padding-right: 30px;
}
.woocommerce table.woocommerce-orders-table tbody tr:last-child td,
.woocommerce table.woocommerce-table--order-details tbody tr:last-child td {
	border-bottom: 0;
}
.woocommerce table.woocommerce-orders-table tbody tr:hover td,
.woocommerce table.woocommerce-table--order-details tbody tr:hover td {
	background: #fcf8ef;
}
/* ссылки на товар / номер заказа */
.woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
.woocommerce table.woocommerce-table--order-details .product-name a {
	color: #1c160d;
	font-weight: 600;
}
.woocommerce table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover,
.woocommerce table.woocommerce-table--order-details .product-name a:hover {
	color: #8c6f3f;
}
.woocommerce table.woocommerce-table--order-details .product-name .product-quantity {
	color: #8c6f3f;
}
/* «VIEW» и прочие действия — контурная латунь, заливается на ховере */
.woocommerce-orders-table .woocommerce-button {
	background: transparent !important;
	border: 1px solid #8c6f3f !important;
	color: #8c6f3f !important;
	border-radius: 6px;
	box-shadow: none;
	transition: all 0.15s ease;
}
.woocommerce-orders-table .woocommerce-button:hover {
	background: #8c6f3f !important;
	color: #fcf8ef !important;
}

/* итоги заказа (tfoot): тихие подписи слева, значения чернилами справа.
   Строки итогов у WooCommerce без классов — выделять Total отдельно нельзя,
   поэтому держим ровный премиальный вид; «Total» читается жирным значением. */
.woocommerce table.woocommerce-table--order-details tfoot th,
.woocommerce table.woocommerce-table--order-details tfoot td {
	border: 0;
	border-top: 1px solid #f0e9da;
	padding: 12px 24px;
	background: #fff;
}
.woocommerce table.woocommerce-table--order-details tfoot th {
	color: #5a4d3a;
	font-weight: 600;
}
.woocommerce table.woocommerce-table--order-details tfoot td {
	color: #1c160d;
	font-weight: 600;
}

/* ── интро «Order #… was placed on … and is currently …» — убрать жёлтый маркер ── */
.woocommerce mark,
.woocommerce-account mark,
.woocommerce-order-received mark {
	background: none;
	color: #1c160d;
	font-weight: 600;
}
/* статус заказа — мягкий бейдж вместо жёлтой плашки (база = латунь).
   Текст #7d6034 (не #8c6f3f) — контраст 5.5:1 на креме, WCAG AA для bold-капса. */
mark.order-status {
	display: inline-block;
	padding: 2px 13px;
	border: 1px solid #c9a96e;
	border-radius: 99px;
	background: #fcf8ef;
	color: #7d6034;
	font-weight: 600;
	font-size: 0.9em;
	line-height: 1.6;
}
/* цвет по статусу: интро заказа + колонка «Status» в списке заказов.
   Тона приглушённые, в палитре бренда (зелёный=успех, латунь=в работе,
   охра=удержание, серый=ожидание, красный=ошибка, сланец=возврат).
   Все пары текст/фон проверены на контраст ≥4.5:1 (WCAG AA). */
mark.order-status.status-processing {
	border-color: #c9a96e; background: #fcf8ef; color: #7d6034;
}
mark.order-status.status-completed {
	border-color: #aec9b4; background: #f0f6f0; color: #2c4f35;
}
mark.order-status.status-on-hold {
	border-color: #e0c078; background: #fbf3dd; color: #876412;
}
mark.order-status.status-pending,
mark.order-status.status-checkout-draft {
	border-color: #d9d2c4; background: #f4f1ea; color: #6b6051;
}
mark.order-status.status-cancelled {
	border-color: #d8c3bb; background: #f6efec; color: #8f5a49;
}
mark.order-status.status-failed {
	border-color: #d9aaa3; background: #fdf3f1; color: #b3261e;
}
mark.order-status.status-refunded {
	border-color: #b9c4cf; background: #eef1f4; color: #46566a;
}
.woocommerce-orders-table__cell-order-status mark.order-status {
	white-space: nowrap;
}

/* ── «Order updates»: лента заметок к заказу ── */
.woocommerce-OrderUpdates.commentlist.notes {
	list-style: none;
	margin: 0.5em 0 2.5em;
	padding: 0;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate {
	position: relative;
	margin: 0 0 14px;
	padding: 16px 18px 16px 20px;
	background: #fff;
	border: 1px solid #f0e9da;
	border-left: 3px solid #c9a96e;
	border-radius: 10px;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate:last-child {
	margin-bottom: 0;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate .comment_container,
.woocommerce-OrderUpdates .woocommerce-OrderUpdate .comment-text {
	margin: 0;
	padding: 0;
	border: 0;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate-meta {
	margin: 0 0 6px;
	font-size: 0.72em;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #876a39; /* AA: 5.0:1 на белом */
	font-weight: 600;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate-description {
	color: #1c160d;
}
.woocommerce-OrderUpdates .woocommerce-OrderUpdate-description p:last-child {
	margin-bottom: 0;
}
/* ── трекинг-заметка «Track your parcel» (страница заказа) ──
   Лёгкий вариант: остаётся в ОБЩЕЙ светлой плашке заметки (белый фон +
   латунная левая полоса, как остальные «Order updates»). Никакого второго
   заливного блока, тонкая типографика, контурная кнопка вместо заливной. */
.fnf-track-card {
	margin: 10px 0 0; /* воздух между мета-датой заметки и заголовком */
	font-style: normal; /* гасим курсив, унаследованный от стилей заметок темы */
}
.fnf-track-card__title {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 12px;
	font-size: 1.2em; /* единственный крупный/акцентный элемент карточки */
	font-weight: 600;
	color: #1c160d;
	line-height: 1.3;
}
.fnf-track-card__title svg {
	flex: 0 0 auto;
}
.fnf-track-card__method {
	margin: 0 0 12px;
	font-size: 0.92em;
	color: #5a4d3a;
}
.fnf-track-card__method span {
	color: #1c160d;
	font-weight: 600;
}
/* «Tracking number VU164…GB» — как строка метода: приглушённая подпись +
   жирное значение, ОДИН размер и базовый цвет (жирным выделен только номер). */
.fnf-track-card__num-line {
	margin: 0 0 14px;
	font-size: 0.92em;
	color: #5a4d3a;
}
.fnf-track-card__number {
	font-family: "SFMono-Regular", Menlo, Consolas, monospace;
	letter-spacing: 0.03em;
	color: #1c160d;
	font-weight: 600;
	-webkit-user-select: all;
	user-select: all;
}
.fnf-track-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 18px;
	background: transparent;
	color: #876a39 !important; /* AA: 5.0:1 на белом */
	border: 1px solid #cdb892;
	border-radius: 8px;
	font-size: 0.76em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.fnf-track-card__btn:hover,
.fnf-track-card__btn:focus {
	background: #876a39;
	border-color: #876a39;
	color: #fff !important;
}
.fnf-track-card__arrow {
	font-style: normal;
	line-height: 1;
}
/* видимый фокус для клавиатуры (отдельно от hover) */
.fnf-track-card__btn:focus-visible {
	outline: 2px solid #1c160d;
	outline-offset: 2px;
}
.fnf-track-card__hint {
	margin: 12px 0 0;
	font-size: 0.8em;
	line-height: 1.5;
	color: #7a6f5e;
}
@media (max-width: 480px) {
	.fnf-track-card__btn {
		justify-content: center;
	}
}

/* ── сводка на order-received (woocommerce-order-overview) ── */
.woocommerce-order .woocommerce-order-overview {
	border: 1px solid #e4d9c3;
	border-radius: 10px;
	margin: 0 0 2em;
	padding: 8px 0;
	background: #fff;
}
.woocommerce-order .woocommerce-order-overview li {
	border-right-color: #e4d9c3;
	color: #5a4d3a;
	text-transform: none;
	font-size: 0.82em;
	letter-spacing: 0.06em;
}
.woocommerce-order .woocommerce-order-overview li strong {
	color: #1c160d;
	font-size: 1.15rem;
	margin-top: 4px;
}

/* ── разделитель колонок темы — в тёплый тон бренда ── */
.woocommerce-account .col-divided {
	border-right-color: #e4d9c3 !important;
}
.woocommerce-account .col-divided:not(.col-first):last-child {
	border-left-color: #e4d9c3 !important;
}

/* ── уведомления в кабинете (перенесены от шапки к контенту):
      скругление, тонкая рамка, воздух до следующего блока ── */
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-info {
	background: #fcf8ef;
	color: #1c160d;
	border: 1px solid #e4d9c3;
	border-radius: 8px;
	padding: 14px 20px;
	margin: 0 0 28px;
	box-shadow: none;
}
.woocommerce-account .woocommerce .woocommerce-error {
	border-color: #d9aaa3;
	color: #b3261e;
}
.woocommerce-account .woocommerce .woocommerce-error li {
	color: #b3261e;
	margin: 0;
}
.woocommerce-account .woocommerce .woocommerce-message {
	border-color: #aec9b4;
	color: #2c4f35;
}

/* ── адресные карточки: воздух между ними, Edit — кнопкой внизу ── */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	color: #1c160d;
}
.woocommerce-account .u-columns.woocommerce-Addresses {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.woocommerce-account .u-columns.woocommerce-Addresses > .u-column1,
.woocommerce-account .u-columns.woocommerce-Addresses > .u-column2 {
	flex: 1 1 280px;
	max-width: none;
	float: none;
	width: auto;
}
.woocommerce-account .woocommerce-Address {
	position: relative;
	height: 100%;
	background: #fcf8ef;
	border: 1px solid #e4d9c3;
	border-radius: 4px;
	padding: 20px 22px 74px;
}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-Address address {
	border: 0;
	padding: 0;
}
.woocommerce-account .woocommerce-Address-title a.edit {
	position: absolute;
	left: 22px;
	bottom: 18px;
	display: inline-block;
	padding: 7px 18px;
	border: 1px solid #8c6f3f;
	border-radius: 6px;
	color: #8c6f3f;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: all 0.15s ease;
}
.woocommerce-account .woocommerce-Address-title a.edit:hover {
	background: #8c6f3f;
	color: #fcf8ef;
}

/* ── пустые состояния (Payment methods, Orders) ── */
.fnf-empty {
	text-align: center;
	background: #fcf8ef;
	border: 1px solid #e4d9c3;
	border-radius: 4px;
	padding: 44px 24px 48px;
}
.fnf-empty svg {
	display: inline-block;
	margin-bottom: 14px;
}
.fnf-empty h3 {
	margin-bottom: 8px;
}
.fnf-empty p {
	max-width: 440px;
	margin: 0 auto 22px;
	color: #5a4d3a;
}
.fnf-empty .button {
	margin: 0;
	border-radius: 6px;
}
/* при нашем блоке дефолтные плашка и кнопка не нужны */
.woocommerce-MyAccount-content:has(.fnf-empty) > .woocommerce-info,
.woocommerce-MyAccount-content:has(.fnf-empty) > .woocommerce-message,
.woocommerce-MyAccount-content:has(.fnf-empty) > a.button {
	display: none;
}

/* пустая корзина: наш блок вместо стандартных плашки и кнопки */
.woocommerce-cart .fnf-empty--cart {
	max-width: 560px;
	margin: 10px auto 30px;
}
body.woocommerce-cart:has(.fnf-empty--cart) .cart-empty,
body.woocommerce-cart:has(.fnf-empty--cart) .wc-empty-cart-message,
body.woocommerce-cart:has(.fnf-empty--cart) .return-to-shop {
	display: none;
}

/* ── формы кабинета: единый вид полей ── */
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select {
	background-color: #fff;
	border: 1px solid #8c6f3f;
	border-radius: 6px;
	color: #1c160d;
	box-shadow: none;
}

/* ── плашки-уведомления WC внутри кабинета ── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	background-color: #fcf8ef;
	color: #1c160d;
	border-top-color: #8c6f3f;
}

/* ── гостевые формы логина + регистрации на /my-account ──
   ОБЕ в одинаковой кремовой карточке (раньше карточка была только у LOGIN,
   REGISTER оставался на голом белом — несогласованно, особенно на мобиле,
   где формы идут в столбик). */
.woocommerce-account .account-login-inner,
.woocommerce-account .account-register-inner {
	background: #fcf8ef;
	border: 1px solid #1c160d;
	box-shadow: 0 0 0 4px #fcf8ef, 0 0 0 5px #8c6f3f;
	border-radius: 2px;
	padding: 28px;
}

/* На мобиле формы стакаются — даём вертикальный зазор, чтобы латунные кольца
   карточек не слипались (box-shadow выходит за край на ~5px). */
@media (max-width: 849px) {
	.woocommerce-account #customer_login .col-1,
	.woocommerce-account #customer_login .col-2 {
		margin-bottom: 22px;
	}
}

/* ── страница Wishlist (YITH): светлая редакторская таблица ── */
.wishlist_table {
	border: 1px solid #e4d9c3;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	box-shadow: 0 1px 0 rgba(28, 22, 13, 0.03);
}
.wishlist_table thead th {
	background: #faf6ec !important;
	color: #8c6f3f !important;
	font-size: 0.78em;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border: 0 !important;
	border-bottom: 1px solid #e4d9c3 !important;
	padding: 13px 14px !important;
}
.wishlist_table td {
	border: 0 !important;
	border-bottom: 1px solid #f0e9da !important;
	padding: 18px 14px !important;
	background: #fff;
	vertical-align: middle;
}
.wishlist_table tbody tr:last-child td {
	border-bottom: 0 !important;
}
.wishlist_table tbody tr:nth-child(even) td {
	background: #fff; /* без полосатости — строки разделяет волосяная линия */
}
.wishlist_table tbody tr:hover td {
	background: #fcf8ef;
}
.wishlist_table .product-thumbnail img {
	border: 1px solid #e4d9c3;
	border-radius: 8px;
}
.wishlist_table .product-name a {
	color: #1c160d;
}
.wishlist_table .product-name a:hover {
	color: #8c6f3f;
}
.wishlist_table .product-price {
	color: #1c160d;
	font-weight: 600;
}
/* наличие — мягкий бейдж вместо голого текста */
.wishlist_table .wishlist-in-stock {
	display: inline-block;
	padding: 3px 12px;
	border: 1px solid #aec9b4;
	border-radius: 99px;
	background: #f0f6f0;
	color: #2c4f35;
	font-size: 0.85em;
}
.wishlist_table .wishlist-out-of-stock {
	display: inline-block;
	padding: 3px 12px;
	border: 1px solid #d9aaa3;
	border-radius: 99px;
	background: #fdf3f1;
	color: #b3261e;
	font-size: 0.85em;
}
/* Add to cart — контурная латунная, заливается на ховере */
.wishlist_table .product-add-to-cart .button {
	background: transparent !important;
	border: 1px solid #8c6f3f !important;
	color: #8c6f3f !important;
	border-radius: 6px;
	transition: all 0.15s ease;
}
.wishlist_table .product-add-to-cart .button:hover {
	background: #8c6f3f !important;
	color: #fcf8ef !important;
}
/* крестик удаления — тише, краснеет только под курсором */
.wishlist_table .product-remove a {
	color: #b3a68e !important;
	background: #fff !important;
	border: 1px solid #e4d9c3 !important;
}
.wishlist_table .product-remove a:hover {
	color: #fff !important;
	background: #b3261e !important;
	border-color: #b3261e !important;
}

/* ════════════════════════════════════════════════════════════════
   Wishlist — МОБИЛЬНАЯ КАРТОЧНАЯ ВЁРСТКА (YITH .wishlist_table.mobile)
   На мобиле YITH меняет разметку: <li> = карточка с .item-wrapper
   (фото+имя+цена) + .additional-info-wrapper (сток+add-to-cart+trash).
   Десктопные table-стили её не покрывали → серый trash наезжал на фото,
   slate-кнопка, голые label/value. Оформляем как каталожную карточку.
   .mobile-класс YITH вешает только на узких экранах → media-query не нужен. */
.wishlist_table.mobile {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	background: transparent !important;
}
/* каждая позиция — кремовая каталожная карточка */
.wishlist_table.mobile li {
	position: relative;
	display: block;
	background: #fff !important;
	border: 1px solid #e4d9c3 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(28, 22, 13, 0.04) !important;
	padding: 16px 16px 18px !important;
	margin-bottom: 14px !important;
	overflow: hidden;
}
/* верхний ряд: фото + (имя/цена) */
.wishlist_table.mobile li .item-wrapper {
	display: flex !important;
	gap: 14px;
	margin: 0 !important;
	align-items: flex-start;
}
/* ⚠️ СПЕЦИФИЧНОСТЬ: YITH задаёт `.item-wrapper .product-thumbnail{max-width:60px}`
   и `.item-wrapper .item-details{display:inline-block;width:calc(100%-80px)}` со
   спец-стью (0,4,0) БЕЗ !important. Наши прежние (0,3,0) проигрывали → фото
   оставалось 60px, details — inline-block с width-calc → имя НАЕЗЖАЛО на фото.
   Включаем `.item-wrapper` в селектор (≥(0,4,0)) + !important. */
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
	flex: 0 0 88px !important;
	width: 88px !important;
	max-width: 88px !important;
	margin: 0 !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail a,
.wishlist_table.mobile li .item-wrapper .product-thumbnail img {
	width: 88px !important;
	max-width: 88px !important;
	height: auto !important;
	display: block !important;
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail img {
	border: 1px solid #e4d9c3;
	border-radius: 8px;
}
.wishlist_table.mobile li .item-wrapper .item-details {
	display: block !important;
	width: auto !important;
	flex: 1 1 auto !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0 !important;
}
/* YITH рисует псевдо-рамку #cdcdcd через .item-details:before (селектор
   .wishlist_view li .item-details:before — другой предок!) — гасим оба. */
.wishlist_table.mobile li .item-details:before,
.wishlist_view li .item-details:before,
.wishlist_table li .item-details:before {
	display: none !important;
	border: 0 !important;
	background: transparent !important;
}
.wishlist_table.mobile li .product-name h3 {
	margin: 0 0 8px !important;
	padding-right: 38px !important;  /* имя не заезжает под trash-кружок в углу */
	font-size: 1rem !important;
	line-height: 1.35 !important;
}
.wishlist_table.mobile li .product-name h3 a {
	color: #1c160d !important;
}
.wishlist_table.mobile li .product-name h3 a:hover {
	color: #8c6f3f !important;
}
/* таблицы Price / Stock — тихие label→value строки (без фона, без рамок) */
.wishlist_table.mobile li table.item-details-table,
.wishlist_table.mobile li table.additional-info {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
.wishlist_table.mobile li table.item-details-table td,
.wishlist_table.mobile li table.additional-info td {
	border: 0 !important;
	background: transparent !important;   /* убирает кремовую плашку, замеченную на цене */
	padding: 3px 0 !important;
	font-size: 0.9em !important;
	vertical-align: middle !important;
}
.wishlist_table.mobile li table td.label {
	color: #8c7a5f !important;
	font-weight: 600 !important;
	text-align: left !important;
	width: 45% !important;
}
.wishlist_table.mobile li table td.value {
	color: #1c160d !important;
	text-align: right !important;
}
.wishlist_table.mobile li .woocommerce-Price-amount {
	font-weight: 700 !important;
	color: #1c160d !important;
}
/* нижний блок: сток-строка во всю ширину + add-to-cart */
.wishlist_table.mobile li .additional-info-wrapper {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid #f0e9da !important;
}
/* наличие — мягкий сейдж-бейдж (как десктоп) */
.wishlist_table.mobile li .wishlist-in-stock {
	display: inline-block;
	padding: 2px 11px;
	border: 1px solid #aec9b4;
	border-radius: 99px;
	background: #f0f6f0;
	color: #2c4f35;
	font-size: 0.9em;
}
.wishlist_table.mobile li .wishlist-out-of-stock {
	display: inline-block;
	padding: 2px 11px;
	border: 1px solid #d9aaa3;
	border-radius: 99px;
	background: #fdf3f1;
	color: #b3261e;
	font-size: 0.9em;
}
/* Add to cart — латунная контурная, заливается на hover, во всю ширину.
   ⚠️ Реальный класс ссылки = `add_to_cart_button add_to_cart alt` (НЕ всегда
   `.button`!), плюс глобальное slate-правило `.add_to_cart_button{!important}`
   в style.css. Перечисляем все варианты класса + высокая спец-сть (контейнер
   `.additional-info-wrapper .product-add-to-cart`) + !important, чтобы перебить. */
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
	margin: 12px 0 0 !important;
	text-align: center;
}
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.button,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.add_to_cart_button,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.add_to_cart,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart > a {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 11px 18px !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #8c6f3f !important;
	color: #8c6f3f !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	text-align: center !important;
	box-shadow: none !important;
	transition: all 0.15s ease !important;
}
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.button:hover,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.add_to_cart_button:hover,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart a.add_to_cart:hover,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart > a:hover {
	background: #8c6f3f !important;
	background-color: #8c6f3f !important;
	color: #fffdf8 !important;
}
/* trash — аккуратный кружок в правом ВЕРХНЕМ углу карточки (не на фото) */
.wishlist_table.mobile li .product-remove {
	position: absolute !important;
	top: 12px;
	right: 12px;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: right !important;
	z-index: 3;
	/* ⚠️ YITH стилизует САМ контейнер .product-remove как серый круг
	   (border:2px #cdcdcd, border-radius:100%) → при width:auto он
	   растягивался в серый овал через карточку. Гасим. */
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	outline: none !important;
}
.wishlist_table.mobile li .product-remove a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50% !important;
	border: 1px solid #e4d9c3 !important;
	background: #fffdf8 !important;
	color: #b3a68e !important;
	box-shadow: 0 1px 2px rgba(28, 22, 13, 0.06);
	transition: all 0.15s ease !important;
}
.wishlist_table.mobile li .product-remove a:hover {
	background: #a23b2d !important;
	border-color: #a23b2d !important;
	color: #fff !important;
}
.wishlist_table.mobile li .product-remove a i.fa-trash {
	font-size: 13px;
	line-height: 1;
}

.wishlist-title h2 {
	color: #1c160d;
}
/* «Edit title» (карандаш) в закрытом состоянии — SVG тоже ограничиваем,
   чтобы не словить ту же растяжку, что и save/cancel. */
.wishlist-title .show-title-form svg.yith-wcwl-icon-svg,
.wishlist-title-container .show-title-form svg.yith-wcwl-icon-svg {
	width: 18px !important;
	height: 18px !important;
	vertical-align: -3px;
	margin-right: 6px;
}
/* ── Переименование списка (YITH .hidden-title-form) ──
   YITH рендерит save/cancel как SVG БЕЗ размеров → иконки растягивались на
   всю ширину контейнера (огромные ×/✓). Раскладываем форму одной аккуратной
   строкой: кремовый инпут + две круглые иконки-кнопки в стиле бренда.
   ⚠️ НЕ задаём `display` форме (тем более !important): YITH показывает/прячет
   её jQuery .show()/.hide() = инлайновый `display:none`↔`inline-block`. Любой
   `display` в CSS (даже без !important проиграет инлайну при открытии, но с
   !important форма залипнет ВИДИМОЙ всегда). Поэтому раскладка — на инлайн-
   потоке: инпут (inline-block) + группа кнопок (inline-flex) стоят в ряд сами,
   выравниваем по вертикали + отступ снизу, чтобы не липло к таблице. */
.wishlist-title .hidden-title-form,
.wishlist-title-container .hidden-title-form {
	margin: 0 0 22px !important;   /* воздух между формой и таблицей вишлиста */
	white-space: nowrap;            /* инпут и кнопки на одной строке */
}
.wishlist-title .hidden-title-form input[name="wishlist_name"],
.wishlist-title-container .hidden-title-form input[name="wishlist_name"] {
	margin: 0 8px 0 0;
	height: 40px;
	min-width: 200px;
	padding: 0 14px;
	background: #fffdf8;
	border: 1px solid #e4d9c3;
	border-radius: 6px;
	color: #1c160d;
	font-size: 15px;
	vertical-align: middle;
	box-shadow: inset 0 1px 2px rgba(28, 22, 13, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.wishlist-title .hidden-title-form input[name="wishlist_name"]:focus,
.wishlist-title-container .hidden-title-form input[name="wishlist_name"]:focus {
	border-color: #8c6f3f;
	box-shadow: 0 0 0 3px rgba(135, 106, 57, 0.14);
	outline: none;
}
.wishlist-title .edit-title-buttons,
.wishlist-title-container .edit-title-buttons {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;   /* группа кнопок на одной линии с инпутом */
	gap: 6px;
}
/* обе иконки-кнопки — круг 36px с волосяной рамкой */
.wishlist-title .edit-title-buttons a,
.wishlist-title-container .edit-title-buttons a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0 !important;
	border-radius: 50%;
	border: 1px solid #e4d9c3;
	background: #fff;
	transition: all 0.15s ease;
}
/* ⚠️ ключевое: жёстко ограничиваем SVG (у YITH нет width/height) */
.wishlist-title .edit-title-buttons a svg.yith-wcwl-icon-svg,
.wishlist-title-container .edit-title-buttons a svg.yith-wcwl-icon-svg {
	width: 18px !important;
	height: 18px !important;
	display: block;
}
/* Save (✓) — латунная заливка, главное действие */
.wishlist-title .save-title-form,
.wishlist-title-container .save-title-form {
	background: #8c6f3f !important;
	border-color: #8c6f3f !important;
	color: #fffdf8 !important;
}
.wishlist-title .save-title-form:hover,
.wishlist-title-container .save-title-form:hover {
	background: #75592f !important;
	border-color: #75592f !important;
}
/* Cancel (×) — тихий, краснеет глиной под курсором */
.wishlist-title .hide-title-form,
.wishlist-title-container .hide-title-form {
	color: #8c7a5f !important;
}
.wishlist-title .hide-title-form:hover,
.wishlist-title-container .hide-title-form:hover {
	background: #fdf3f1 !important;
	border-color: #d9aaa3 !important;
	color: #a23b2d !important;
}
/* шеринг — лёгкие контурные кружки вместо тёмных квадратов */
.yith-wcwl-share li a {
	background: #fff !important;
	border: 1px solid #e4d9c3;
	color: #8c6f3f !important;
	border-radius: 50% !important;
	transition: all 0.15s ease;
}
.yith-wcwl-share li a:hover {
	background: #8c6f3f !important;
	border-color: #8c6f3f;
	color: #fcf8ef !important;
}
/* пустой вишлист — панель в стиле пустых состояний кабинета */
.yith-wcwl-wishlist .wishlist-empty {
	text-align: center;
	background: #fcf8ef !important;
	border: 1px solid #e4d9c3;
	border-radius: 4px;
	color: #5a4d3a !important;
	padding: 40px 24px !important;
}

/* ── order-received: «Thank you» + сводка заказа в стиле бренда ──
      Было: зелёный системный текст и серая коробка с маркерами списка —
      выбивалось из кремово-латунной страницы заказа. */
.woocommerce-order-received .woocommerce-thankyou-order-received {
	margin: 0 0 18px;
	padding: 16px 18px 16px 52px;
	position: relative;
	background: #fcf8ef;
	border: 1px solid #e4d9c3;
	border-radius: 12px;
	color: #1c160d !important;
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
}
.woocommerce-order-received .woocommerce-thankyou-order-received strong {
	font-weight: 600;
}
/* латунная галочка вместо системного зелёного */
.woocommerce-order-received .woocommerce-thankyou-order-received::before {
	content: '';
	position: absolute;
	left: 18px;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 50%;
	background: #876a39 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FCF8EF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat 50% 50%;
	background-size: 13px 13px;
}

.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	background: #fff;
	border: 1px solid #e4d9c3;
	border-radius: 12px;
	overflow: hidden;
}
.woocommerce-order-received .woocommerce-order-overview li,
.woocommerce-order .woocommerce-order-overview li {
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding: 12px 18px;
	border: 0;
	border-bottom: 1px solid #f0e9da;
	list-style: none;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.95rem;
	letter-spacing: 0;
	text-transform: none;
	color: #1c160d;
}
.woocommerce-order-received .woocommerce-order-overview li::marker,
.woocommerce-order .woocommerce-order-overview li::marker {
	content: '';
}
.woocommerce-order-received .woocommerce-order-overview li:last-child,
.woocommerce-order .woocommerce-order-overview li:last-child {
	border-bottom: 0;
}
.woocommerce-order-received .woocommerce-order-overview li strong,
.woocommerce-order .woocommerce-order-overview li strong {
	display: block;
	margin-top: 2px;
	font-family: 'DM Sans', sans-serif;
	font-size: 0.95rem;
	letter-spacing: 0;
	text-transform: none;
	color: #1c160d;
	font-weight: 700;
	word-break: break-word;
}