/*
 * Личный кабинет, вход и восстановление пароля.
 * Подключается только на страницах кабинета (см. siluette-fixes.php).
 *
 * ⚠️ ГЛАВНОЕ ПРАВИЛО ЭТОГО ФАЙЛА: тема Shoptimizer уже оформляет кабинет
 * подробно — своя сетка в две колонки, список пунктов с разделителями и
 * masked-иконками справа, стили таблиц, мобильная раскладка. Первая версия
 * этих стилей рисовала поверх зелёные «пилюли» — и вышло криво: зелёный
 * блок налезал на разделители списка, а иконка оставалась чёрной поверх
 * зелёного (владелец 24.08.2026: «выглядит кривовато и некрасиво»).
 *
 * Поэтому здесь ТОЛЬКО то, чего тема не делает, плюс перекраска в наш
 * акцент. Никаких подложек, скруглений и своей сетки.
 */

.woocommerce-account {
	--сил-акцент: #009245;
	--сил-акцент-тень: rgba(0, 146, 69, .22);
	--сил-рамка: #e3e8ec;
	--сил-тише: #5b6b78;
}

/* ── меню кабинета: тема рисует список, мы только красим активный ────── */

.woocommerce-MyAccount-navigation ul li a {
	transition: color .15s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	color: var(--сил-акцент);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--сил-акцент);
}

/* Иконка справа у темы — залитая маска, красим её тем же цветом */
.woocommerce-MyAccount-navigation ul li.is-active a:before {
	background: var(--сил-акцент);
}

.woocommerce-MyAccount-navigation ul li a:hover:before {
	background: var(--сил-акцент);
	opacity: .7;
}

/* ── формы входа и восстановления: карточка по центру ───────────────── */
/* Этого тема не делает — поля растягиваются во всю ширину колонки.      */

.woocommerce-account:not(.logged-in) form.woocommerce-form-login,
.woocommerce-account form.woocommerce-ResetPassword {
	max-width: 440px;
	margin: 24px auto;
	padding: 28px 26px;
	background: #fff;
	border: 1px solid var(--сил-рамка);
	border-radius: 14px;
	box-shadow: 0 2px 10px rgba(31, 41, 51, .05);
}

.woocommerce-account form.woocommerce-form-login label,
.woocommerce-account form.woocommerce-ResetPassword label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
}

.woocommerce-account form.woocommerce-form-login input.input-text,
.woocommerce-account form.woocommerce-ResetPassword input.input-text,
.woocommerce-account form.woocommerce-form-login .password-input input {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--сил-рамка);
	border-radius: 9px;
	font-size: 16px; /* меньше 16px — iPhone зумит форму при фокусе */
}

.woocommerce-account form.woocommerce-form-login input.input-text:focus,
.woocommerce-account form.woocommerce-ResetPassword input.input-text:focus {
	border-color: var(--сил-акцент);
	box-shadow: 0 0 0 3px var(--сил-акцент-тень);
	outline: none;
}

.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account form.woocommerce-ResetPassword button.button {
	width: 100%;
	padding: 13px 20px;
	background: var(--сил-акцент);
	border: 0;
	border-radius: 9px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-account form.woocommerce-ResetPassword button.button:hover {
	filter: brightness(1.08);
}

.woocommerce-account .woocommerce-LostPassword {
	margin-top: 14px;
	margin-bottom: 0;
	text-align: center;
}

/* ── кнопка скачивания: это главное действие в кабинете ─────────────── */

.woocommerce-account .woocommerce-order-downloads a.button.alt,
.woocommerce-account .woocommerce-MyAccount-downloads-file {
	background: var(--сил-акцент);
	color: #fff;
	border-radius: 8px;
}

.woocommerce-account .woocommerce-order-downloads a.button.alt:hover,
.woocommerce-account .woocommerce-MyAccount-downloads-file:hover {
	background: var(--сил-акцент);
	color: #fff;
	filter: brightness(1.08);
}

/* ── уведомление о пропавшем курсе ──────────────────────────────────── */

.woocommerce-account .woocommerce-message {
	border-top-color: var(--сил-акцент);
}

/* ── телефоны ───────────────────────────────────────────────────────── */

@media screen and (max-width: 992px) {

	/*
	 * Тема разворачивает таблицы в столбик и подписывает ячейки так:
	 *     content: attr(data-label)
	 * Но WooCommerce выводит атрибут `data-title` (см. templates/myaccount/orders.php
	 * и templates/order/order-downloads.php). Из-за этого подписи на телефоне
	 * были ПУСТЫМИ: значения без названий колонок. Проверено 24.08.2026.
	 *
	 * ⚠️ Специфичность здесь не для красоты. У темы стоит
	 *     .woocommerce-account .woocommerce-order-downloads td { padding: 10px 20px 10px 0; }
	 * — два класса против одного у нас, и она выигрывала. Слева получался
	 * НОЛЬ, текст упирался в рамку карточки (владелец 24.08.2026:
	 * «текст прямо прилегает к границе этих блоков»). Поэтому ниже все
	 * селекторы не слабее тех, что в теме.
	 */
	.woocommerce-account .woocommerce-MyAccount-content table tr {
		padding: 6px 0;
		border: 1px solid var(--сил-рамка);
		border-radius: 12px;
	}

	.woocommerce-account .woocommerce-order-downloads td,
	.woocommerce-account tr.woocommerce-orders-table__row td,
	.woocommerce-account .woocommerce-MyAccount-content table td {
		padding: 9px 16px;
		border-bottom: 0;
	}

	.woocommerce-account .woocommerce-MyAccount-content table td:before {
		content: attr(data-title);
		float: left;
		margin-right: 12px;
		color: var(--сил-тише);
		font-weight: 600;
		text-transform: none; /* тема делала CAPS — на кириллице читается хуже */
	}

	/* Кнопка скачивания стоит последней — пусть не липнет к нижней рамке */
	.woocommerce-account .woocommerce-order-downloads td.download-file {
		padding-top: 4px;
		padding-bottom: 12px;
	}

	.woocommerce-account:not(.logged-in) form.woocommerce-form-login,
	.woocommerce-account form.woocommerce-ResetPassword {
		margin: 12px auto;
		padding: 22px 18px;
	}
}