/* HardBrand — кабінет покупця: перша сторінка («Огляд»), підказки у формі реєстрації, сторінка «Забули пароль?». */

.hb-acc-hello {
	margin: 0 0 8px;
	font-size: 20px;
}
.hb-acc-last {
	margin: 0 0 24px;
	color: #444;
}
.hb-acc-tiles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 24px;
}
.hb-acc-tile {
	display: block;
	padding: 20px;
	border: 1px solid #d9d9d9;
	color: #111;
	text-decoration: none;
	transition: border-color 0.15s, background-color 0.15s;
}
.hb-acc-tile:hover,
.hb-acc-tile:focus-visible {
	border-color: #111;
	background: #f6f6f6;
	color: #111;
}
.hb-acc-tile__title {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
	font-size: 17px;
}
.hb-acc-tile__text {
	display: block;
	font-size: 14px;
	line-height: 1.45;
	color: #666;
}

.hb-acc-hint {
	margin: -4px 0 16px;
	font-size: 13px;
	line-height: 1.45;
	color: #666;
}

.hb-acc-lost {
	max-width: 560px;
	margin: 0 auto;
}
.hb-acc-lost ul {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}
.hb-acc-lost li a {
	font-weight: 700;
	font-size: 18px;
	color: #111;
}

@media (max-width: 689px) {
	.hb-acc-tiles {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}
	.hb-acc-tile {
		padding: 16px;
	}
}

/* Список замовлень на телефоні: тема ховає першу клітинку рядка — номер замовлення (вона <th>, а таблиця на вузькому
   екрані показує лише <td>). Без номера покупець не розрізнить замовлення — показуємо її так само, як решту рядків. */
@media (max-width: 689.98px) {
	.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number {
		display: block;
		padding: 15px 0;
		border-bottom: 1px dashed #e0e0e0;
		text-align: right;
		font-weight: 600;
	}
	.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number::before {
		content: attr(data-title) ": ";
		float: left;
		font-weight: 600;
	}
}


/* Аудит 23.10: значок «Показати пароль» — 14 px, на телефоні важко влучити. Кнопка 40×40 з тим самим центром, значок
   (маска теми) — 14 px посередині. Невидима зона через ::after не працює: маска обрізає й натискання. */
.woocommerce form:is(.login, .register, .edit-account, .lost_reset_password) [class*="password-input"] .show-password-input { width: 40px; height: 40px; margin: -13px; -webkit-mask-size: 14px 14px; mask-size: 14px 14px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }

/* Кнопка «Увійти через Google» (Nextend) у формах входу/реєстрації — 30.10.2026 */
.hb-acc-social { margin: 14px 0 4px; }
.hb-acc-social .nsl-container { margin: 0; }
.hb-acc-social .nsl-container-buttons a { max-width: 100%; }