/**
 * Tea Japan — корзина, оформление заказа, личный кабинет, уведомления WooCommerce.
 * Зависит от tj-tea-japan-parity-responsive (последним в цепочке child).
 */

/* ---------- Уведомления ---------- */
body.tj-tea-japan-parity .woocommerce-message,
body.tj-tea-japan-parity .woocommerce-info {
	border-top-color: var(--tj-olive) !important;
}

body.tj-tea-japan-parity .woocommerce-error {
	border-top-color: var(--tj-red) !important;
}

body.tj-tea-japan-parity .woocommerce-message a.button,
body.tj-tea-japan-parity .woocommerce-info a.button {
	min-height: 40px;
	display: inline-flex;
	align-items: center;
}

/* ---------- Таблицы (корзина, заказы в ЛК) ---------- */
body.tj-tea-japan-parity .woocommerce table.shop_table {
	border-radius: 0;
}

body.tj-tea-japan-parity .woocommerce table.shop_table th,
body.tj-tea-japan-parity .woocommerce table.shop_table td {
	padding: 12px 10px;
	vertical-align: middle;
}

body.tj-tea-japan-parity .woocommerce-cart .cart-collaterals .cart_totals h2,
body.tj-tea-japan-parity .woocommerce-checkout h3,
body.tj-tea-japan-parity .woocommerce-MyAccount-content h2,
body.tj-tea-japan-parity .woocommerce-MyAccount-content h3 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #222222;
}

body.tj-tea-japan-parity .woocommerce #respond input#submit.alt,
body.tj-tea-japan-parity .woocommerce a.checkout-button,
body.tj-tea-japan-parity .woocommerce button.button.alt[name="woocommerce_checkout_place_order"],
body.tj-tea-japan-parity .woocommerce #place_order {
	background-color: var(--tj-olive) !important;
	border-color: var(--tj-olive) !important;
	color: #ffffff !important;
	text-transform: uppercase;
	font-weight: 600;
}

body.tj-tea-japan-parity .woocommerce #respond input#submit.alt:hover,
body.tj-tea-japan-parity .woocommerce a.checkout-button:hover,
body.tj-tea-japan-parity .woocommerce button.button.alt[name="woocommerce_checkout_place_order"]:hover,
body.tj-tea-japan-parity .woocommerce #place_order:hover {
	background-color: var(--tj-olive-hover) !important;
	border-color: var(--tj-olive-hover) !important;
}

/* ---------- ЛК: навигация ---------- */
body.tj-tea-japan-parity .woocommerce-MyAccount-navigation ul li a {
	padding: 12px 14px;
	min-height: 44px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

body.tj-tea-japan-parity .woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--tj-red);
}

/* ---------- Поля формы (чекаут) ---------- */
body.tj-tea-japan-parity .woocommerce form .form-row input.input-text,
body.tj-tea-japan-parity .woocommerce form .form-row textarea,
body.tj-tea-japan-parity .woocommerce form .form-row select {
	font-size: 16px; /* iOS zoom */
}

body.tj-tea-japan-parity .woocommerce-checkout #payment div.payment_box {
	font-size: 14px;
	line-height: 1.45;
}

/* ---------- Сброс пароля, отслеживание заказа (ЛК / отдельные страницы) ---------- */
body.tj-tea-japan-parity .woocommerce-ResetPassword .woocommerce-Button,
body.tj-tea-japan-parity form.lost_reset_password .woocommerce-Button.button,
body.tj-tea-japan-parity .woocommerce-form--lost-password .woocommerce-Button.button,
body.tj-tea-japan-parity .woocommerce-form-track-order .button,
body.tj-tea-japan-parity .woocommerce-MyAccount-content .woocommerce-ResetPassword button[type="submit"] {
	background-color: var(--tj-olive) !important;
	border-color: var(--tj-olive) !important;
	color: #ffffff !important;
	text-transform: uppercase;
	font-weight: 600;
	min-height: 44px;
}

body.tj-tea-japan-parity .woocommerce-ResetPassword .woocommerce-Button:hover,
body.tj-tea-japan-parity form.lost_reset_password .woocommerce-Button.button:hover,
body.tj-tea-japan-parity .woocommerce-form--lost-password .woocommerce-Button.button:hover,
body.tj-tea-japan-parity .woocommerce-form-track-order .button:hover,
body.tj-tea-japan-parity .woocommerce-MyAccount-content .woocommerce-ResetPassword button[type="submit"]:hover {
	background-color: var(--tj-olive-hover) !important;
	border-color: var(--tj-olive-hover) !important;
}

/* ---------- Глобальное уведомление магазина ---------- */
body.tj-tea-japan-parity .woocommerce-store-notice,
body.tj-tea-japan-parity p.demo_store {
	background-color: var(--tj-topbar-bg) !important;
	color: #ffffff !important;
	padding: 12px 48px 12px 16px;
	font-size: 14px;
	line-height: 1.4;
}

body.tj-tea-japan-parity .woocommerce-store-notice__dismiss-link {
	color: #ffffff !important;
	text-decoration: underline;
}

/* ---------- Пагинация каталога ---------- */
body.tj-tea-japan-parity .woocommerce nav.woocommerce-pagination ul li a,
body.tj-tea-japan-parity .woocommerce nav.woocommerce-pagination ul li span {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* ---------- Адаптив: корзина и чекаут ---------- */
@media screen and (max-width: 768px) {
	body.tj-tea-japan-parity .woocommerce-cart .coupon {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: stretch;
	}

	body.tj-tea-japan-parity .woocommerce-cart .coupon input.input-text {
		width: 100% !important;
		max-width: 100%;
	}

	body.tj-tea-japan-parity .woocommerce-cart .actions > .button {
		width: 100%;
		margin-bottom: 8px !important;
	}

	body.tj-tea-japan-parity .woocommerce #payment #place_order {
		width: 100%;
		min-height: 48px;
		font-size: 16px;
	}

	body.tj-tea-japan-parity .woocommerce-MyAccount-navigation {
		margin-bottom: 1.5rem;
	}

	body.tj-tea-japan-parity .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	body.tj-tea-japan-parity .woocommerce-MyAccount-navigation ul li {
		flex: 1 1 auto;
		min-width: calc(50% - 6px);
	}
}

@media screen and (max-width: 480px) {
	body.tj-tea-japan-parity .woocommerce-checkout .col2-set .form-row-first,
	body.tj-tea-japan-parity .woocommerce-checkout .col2-set .form-row-last {
		width: 100% !important;
		float: none !important;
	}

	body.tj-tea-japan-parity .woocommerce-MyAccount-navigation ul li {
		min-width: 100%;
	}
}
