/* ==========================================================================
   Vásárlói fiók (My Account) — CSS-réteg. Fázis 7.

   Betöltés: is_account_page() (inc/account.php), a main.css UTÁN.
   Markup: page-profilom.php (oldal-chrome) + woocommerce/myaccount/*.php
   (theme override-ok). A vizuális nyelv a handoff bundle tokenjeiből épül
   (main.css :root) — a kosár/pénztár (.eb-wooshop) chrome mintájára, hogy a
   fiók ne lógjon ki a tranzakciós felületek sorából.

   Osztály-konvenció: BEM, `eb-acc__*` (fiók) és `eb-auth__*` (belépés/regisztráció);
   a Woo saját osztályai (.woocommerce-MyAccount-*, .form-row, …) csak
   horgonyként szerepelnek, a markupjukat nem alakítjuk át.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Oldal-chrome
   -------------------------------------------------------------------------- */
.section-wrapper.eb-acc {
	padding-top: clamp(26px, 3.4vw, 44px);
	padding-bottom: clamp(56px, 7vw, 96px);
}

.eb-acc__hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 clamp(20px, 2.6vw, 30px);
}

.eb-acc__title {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: clamp(30px, 4.4vw, 52px);
	line-height: 1.02;
	letter-spacing: -.03em;
	margin: 0;
}

.eb-acc__lead {
	font-size: 14.5px;
	color: var(--color-text-faint);
	margin: 8px 0 0;
	max-width: 56ch;
}

.eb-acc__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #d8cfc0;
	color: var(--color-text);
	font-weight: 600;
	font-size: 14px;
	padding: 11px 20px;
	border-radius: 10px;
	transition: background var(--transition-fast);
}

.eb-acc__back:hover {
	background: var(--color-product-bg);
}

/* --------------------------------------------------------------------------
   2. Kétoszlopos elrendezés (menü + tartalom)
   -------------------------------------------------------------------------- */
.eb-acc__layout {
	display: grid;
	grid-template-columns: 268px minmax(0, 1fr);
	gap: clamp(20px, 2.6vw, 34px);
	align-items: start;
}

.eb-acc__content {
	min-width: 0;
}

@media (max-width: 900px) {
	.eb-acc__layout {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
   3. Fiók-menü (sidebar kártya)
   -------------------------------------------------------------------------- */
.eb-acc__nav {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	padding: 14px;
	position: sticky;
	top: 88px; /* 68px header + 20 */
}

@media (max-width: 900px) {
	.eb-acc__nav {
		position: static;
	}
}

.eb-acc__user {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 6px 8px 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f1ebdf;
}

.eb-acc__avatar {
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--acc-bg);
	color: var(--acc-deep);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eb-acc__userinfo {
	min-width: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

.eb-acc__username {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: -.01em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eb-acc__usermail {
	font-size: 12.5px;
	color: var(--color-text-faint);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eb-acc__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.eb-acc__nav li a {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px 12px;
	border-radius: 11px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--color-text-muted);
	transition: background var(--transition-fast), color var(--transition-fast);
}

.eb-acc__navicon {
	flex: none;
	color: #b9ae9d;
	transition: color var(--transition-fast);
}

.eb-acc__nav li a:hover {
	background: var(--color-product-bg);
	color: var(--color-text);
}

.eb-acc__nav li a:hover .eb-acc__navicon {
	color: var(--acc);
}

.eb-acc__nav li.is-active > a {
	background: var(--acc-soft);
	color: var(--acc-deep);
}

.eb-acc__nav li.is-active > a .eb-acc__navicon {
	color: var(--acc);
}

/* A kijelentkezés vizuálisan elválik a navigációtól. */
.eb-acc__nav li.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #f1ebdf;
}

/* --------------------------------------------------------------------------
   4. Tartalom-kártyák + szekciócímek
   -------------------------------------------------------------------------- */
.eb-acc__card {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	padding: clamp(18px, 2.2vw, 26px);
	margin: 0 0 18px;
}

.eb-acc__card:last-child {
	margin-bottom: 0;
}

.eb-acc__cardtitle {
	font-size: clamp(18px, 2.2vw, 22px);
	font-weight: 700;
	margin: 0;
}

.eb-acc__cardlead {
	font-size: 14px;
	color: var(--color-text-faint);
	margin: 8px 0 0;
	max-width: 60ch;
}

.eb-acc__cardhead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 18px;
}

.eb-acc__sectiontitle {
	font-size: clamp(16px, 1.9vw, 19px);
	font-weight: 700;
	margin: 30px 0 14px;
}

.eb-acc__content > .eb-acc__sectiontitle:first-child {
	margin-top: 0;
}

/* Woo notice-ok a fiók-tartalomban (mentés visszajelzés, hibák). */
.eb-acc__content > .woocommerce-message,
.eb-acc__content > .woocommerce-error,
.eb-acc__content > .woocommerce-info {
	margin-bottom: 18px;
}

/* --------------------------------------------------------------------------
   5. Státusz-pill (fiók + köszönő oldal közös komponens)
   -------------------------------------------------------------------------- */
.eb-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 13px 6px 11px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.2;
	white-space: nowrap;
	border: 1px solid transparent;
}

.eb-status::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	flex: none;
}

/* Fizetésre/visszaigazolásra vár */
.eb-status--wait {
	background: #FBF3E6;
	border-color: #F0E2C8;
	color: #A2761F;
}

/* Feldolgozás / gyártás alatt */
.eb-status--progress {
	background: var(--acc-soft);
	border-color: #EEDACF;
	color: var(--acc-deep);
}

/* Elkészült / átvételre vár */
.eb-status--ready {
	background: #E9F1F7;
	border-color: #D4E4EF;
	color: #2C6B96;
}

/* Teljesítve */
.eb-status--done {
	background: #EBF2E8;
	border-color: #D8E5D3;
	color: #4F6B48;
}

/* Törölve / visszatérítve / sikertelen */
.eb-status--dead {
	background: #F3EFEA;
	border-color: #E4DCD1;
	color: #7A6F62;
}

/* --------------------------------------------------------------------------
   6. Áttekintés (dashboard)
   -------------------------------------------------------------------------- */
.eb-acc__card--last {
	border-left: 4px solid var(--acc);
}

.eb-acc__lastbody {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: clamp(16px, 2.4vw, 28px);
}

.eb-acc__thumbs {
	display: flex;
	align-items: center;
	flex: none;
}

.eb-acc__thumb {
	width: 62px;
	height: 62px;
	border-radius: var(--radius-feature);
	border: 1px solid var(--color-border);
	background: var(--color-product-bg);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -12px;
	box-shadow: var(--shadow-badge);
}

.eb-acc__thumb:first-child {
	margin-left: 0;
}

.eb-acc__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eb-acc__thumb--more {
	background: #fff;
	color: var(--color-text-muted);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 14px;
}

.eb-acc__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px clamp(20px, 3vw, 40px);
	margin: 0;
	flex: 1 1 260px;
}

.eb-acc__fact {
	min-width: 0;
}

.eb-acc__fact dt {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--color-text-faintest);
	margin: 0 0 3px;
}

.eb-acc__fact dd {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 17px;
	letter-spacing: -.01em;
	margin: 0;
}

.eb-acc__fact--total dd {
	font-size: 22px;
	color: var(--acc-deep);
}

.eb-acc__cardactions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.eb-acc__cardactions .button {
	font-size: 14.5px;
	padding: 12px 22px;
}

/* Üres állapot */
.eb-acc__empty {
	text-align: center;
	padding: clamp(30px, 4vw, 46px) clamp(18px, 3vw, 34px);
}

.eb-acc__emptyicon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--acc-bg);
	color: var(--acc-deep);
	margin-bottom: 14px;
}

.eb-acc__empty p {
	color: var(--color-text-faint);
	font-size: 14.5px;
	max-width: 46ch;
	margin: 8px auto 20px;
}

/* Gyors elérés csempék */
.eb-acc__tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px;
}

.eb-acc__tile {
	display: flex;
	flex-direction: column;
	gap: 3px;
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-feature);
	padding: 16px 18px;
	transition: border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

.eb-acc__tile:hover {
	border-color: #dcc7b8;
	transform: translateY(-2px);
	box-shadow: var(--shadow-card);
}

.eb-acc__tile .eb-acc__navicon {
	color: var(--acc);
	margin-bottom: 8px;
}

.eb-acc__tiletitle {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.01em;
}

.eb-acc__tiledesc {
	font-size: 13px;
	color: var(--color-text-faint);
}

/* --------------------------------------------------------------------------
   7. Rendelés-lista (asztali tábla → mobil kártya)
   -------------------------------------------------------------------------- */
.eb-acc__orders {
	width: 100%;
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.eb-acc__orders th,
.eb-acc__orders td {
	text-align: left;
	padding: 15px 18px;
	border-bottom: 1px solid #f1ebdf;
	vertical-align: middle;
	font-size: 14.5px;
}

.eb-acc__orders thead th {
	background: #FBF8F3;
	color: var(--color-text-muted);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.eb-acc__orders tbody tr:last-child th,
.eb-acc__orders tbody tr:last-child td {
	border-bottom: 0;
}

.eb-acc__orders tbody tr:hover {
	background: #FDFBF7;
}

.eb-acc__ordernum {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 16px;
	color: var(--color-text);
	transition: color var(--transition-fast);
}

.eb-acc__ordernum:hover {
	color: var(--acc-deep);
}

.eb-acc__ordertotal {
	display: block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 16px;
}

.eb-acc__orderitems {
	display: block;
	font-size: 12.5px;
	color: var(--color-text-faint);
	margin-top: 2px;
}

.eb-acc__orders .woocommerce-orders-table__cell-order-actions,
.eb-acc__orders .payment-method-actions {
	text-align: right;
	white-space: nowrap;
}

.eb-acc__orders .button {
	font-size: 13.5px;
	padding: 9px 16px;
	margin-left: 6px;
}

.eb-acc__pagination {
	display: flex;
	gap: 10px;
	margin-top: 18px;
}

/* Mobil: minden sor önálló kártya, a fejléc-cellák data-title-ből. */
@media (max-width: 720px) {
	.eb-acc__orders,
	.eb-acc__orders tbody,
	.eb-acc__orders tr,
	.eb-acc__orders th,
	.eb-acc__orders td {
		display: block;
	}

	.eb-acc__orders {
		background: transparent;
		border: 0;
		border-radius: 0;
		overflow: visible;
	}

	.eb-acc__orders thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.eb-acc__orders tbody tr {
		background: #fff;
		border: 1px solid #ede5d8;
		border-radius: var(--radius-feature);
		margin-bottom: 12px;
		padding: 6px 4px;
	}

	.eb-acc__orders tbody tr:hover {
		background: #fff;
	}

	.eb-acc__orders th,
	.eb-acc__orders td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		padding: 9px 14px;
		border-bottom: 0;
	}

	.eb-acc__orders th::before,
	.eb-acc__orders td::before {
		content: attr(data-title);
		flex: none;
		font-size: 11.5px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: var(--color-text-faintest);
	}

	.eb-acc__orders .woocommerce-orders-table__cell-order-total {
		text-align: right;
	}

	.eb-acc__orders .woocommerce-orders-table__cell-order-actions {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.eb-acc__orders .woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}

	.eb-acc__orders .button {
		margin: 4px 6px 4px 0;
	}
}

/* --------------------------------------------------------------------------
   8. Rendelés részletei (view-order) — a core order/*.php sablonok markupja
   -------------------------------------------------------------------------- */
.eb-acc__orderbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	background: #fff;
	border: 1px solid #ede5d8;
	border-left: 4px solid var(--acc);
	border-radius: var(--radius-feature);
	padding: 14px 18px;
	margin-bottom: 8px;
}

.eb-acc__orderbartotal {
	display: flex;
	align-items: baseline;
	gap: 9px;
	margin-left: auto;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 20px;
	color: var(--acc-deep);
}

.eb-acc__orderbarlabel {
	font-family: var(--font-body);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--color-text-faintest);
}

.eb-acc__orderbarpay {
	font-size: 14px;
	padding: 10px 20px;
}

@media (max-width: 560px) {
	.eb-acc__orderbartotal {
		margin-left: 0;
	}
}

/* Állapot-idővonal (vásárlói rendelés-jegyzetek) */
.eb-acc__updates {
	list-style: none;
	margin: 0;
	padding: 0 0 0 22px;
	border-left: 2px solid #ece4d6;
}

.eb-acc__update {
	position: relative;
	padding: 0 0 18px;
}

.eb-acc__update:last-child {
	padding-bottom: 0;
}

.eb-acc__update::before {
	content: '';
	position: absolute;
	left: -29px;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--acc);
}

.eb-acc__update .woocommerce-OrderUpdate-meta {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--color-text-faintest);
	margin: 0 0 4px;
}

.eb-acc__update .woocommerce-OrderUpdate-description p {
	margin: 0;
	font-size: 14.5px;
}

/* Rendelés-részletek tábla + címek (order/order-details*.php). */
.eb-acc__content .woocommerce-order-details__title,
.eb-acc__content .woocommerce-column__title,
.eb-acc__content .woocommerce-customer-details h2,
.eb-acc__content .woocommerce-order-downloads__title {
	font-size: clamp(16px, 1.9vw, 19px);
	font-weight: 700;
	margin: 30px 0 14px;
}

.eb-acc__content table.woocommerce-table--order-details,
.eb-acc__content table.woocommerce-table--order-downloads {
	width: 100%;
	background: #fff;
	border: 1px solid #ede5d8;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--radius-panel);
	overflow: hidden;
}

.eb-acc__content table.woocommerce-table--order-details th,
.eb-acc__content table.woocommerce-table--order-details td,
.eb-acc__content table.woocommerce-table--order-downloads th,
.eb-acc__content table.woocommerce-table--order-downloads td {
	border: 0;
	border-bottom: 1px solid #f1ebdf;
	font-size: 14.5px;
	padding: 13px 18px;
	text-align: left;
	vertical-align: top;
}

.eb-acc__content table.woocommerce-table--order-details thead th,
.eb-acc__content table.woocommerce-table--order-downloads thead th {
	background: #FBF8F3;
	color: var(--color-text-muted);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.eb-acc__content table.woocommerce-table--order-details td:last-child,
.eb-acc__content table.woocommerce-table--order-details th:last-child {
	text-align: right;
	white-space: nowrap;
}

.eb-acc__content table.woocommerce-table--order-details tfoot th,
.eb-acc__content table.woocommerce-table--order-details tfoot td {
	background: #FBF8F3;
	font-weight: 600;
}

/* Végösszeg-sor kiemelése — kulcs alapján (order-details.php override), NEM
   „utolsó sor" alapon: a Woo a végösszeg UTÁN is tesz sort (fizetési mód,
   vásárlói megjegyzés), azokat nem szabad összegnek látszani. */
.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-total-row--order_total th,
.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-total-row--order_total td {
	font-size: 16.5px;
	color: var(--acc-deep);
	font-family: var(--font-heading);
	font-weight: 700;
}

.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-note-row th,
.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-note-row td {
	background: #fff;
	color: var(--color-text-muted);
	font-weight: 400;
}

.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-note-row th {
	font-weight: 600;
}

.eb-acc__content table.woocommerce-table--order-details tfoot tr:last-child th,
.eb-acc__content table.woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: 0;
}

.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-actions-row td {
	text-align: right;
}

.eb-acc__content table.woocommerce-table--order-details tfoot tr.order-actions-row .button {
	font-size: 13.5px;
	padding: 9px 16px;
	margin-left: 6px;
}

.eb-acc__content .wc-item-meta {
	color: var(--color-text-muted);
	font-size: 12.5px;
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
}

.eb-acc__content .wc-item-meta li {
	margin: 2px 0;
}

.eb-acc__content .wc-item-meta p,
.eb-acc__content .wc-item-meta strong {
	display: inline;
	margin: 0;
}

.eb-acc__content .woocommerce-columns--addresses {
	display: grid;
	gap: 14px;
	grid-template-columns: 1fr 1fr;
}

.eb-acc__content .woocommerce-customer-details address {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-feature);
	font-size: 14.5px;
	font-style: normal;
	line-height: 1.7;
	padding: 16px 18px;
}

@media (max-width: 640px) {
	.eb-acc__content .woocommerce-columns--addresses {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
   9. Címeim
   -------------------------------------------------------------------------- */
.eb-acc__addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 14px;
}

.eb-acc__address {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	padding: clamp(18px, 2.2vw, 24px);
}

.eb-acc__addresshead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.eb-acc__addresshead h2 {
	font-size: 17px;
	font-weight: 700;
	margin: 0;
}

.eb-acc__addressedit {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--acc-deep);
	border-bottom: 1px solid transparent;
	transition: border-color var(--transition-fast);
}

.eb-acc__addressedit:hover {
	border-bottom-color: currentColor;
}

.eb-acc__address address {
	font-style: normal;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--color-text-muted);
	margin: 0;
}

.eb-acc__addressempty {
	color: var(--color-text-faintest);
}

/* --------------------------------------------------------------------------
   10. Űrlapok (cím / fiókadatok / jelszó)
   -------------------------------------------------------------------------- */
.eb-acc__form--narrow {
	max-width: 520px;
}

.eb-acc__fields {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 16px;
	margin: 18px 0 0;
	border: 0;
	padding: 0;
}

.eb-acc__fields > .form-row,
.eb-acc__fields > p {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
	margin: 0 0 14px;
	min-width: 0;
}

.eb-acc__fields > .form-row-first,
.eb-acc__fields > .form-row-last {
	grid-column: span 1;
}

@media (max-width: 560px) {
	.eb-acc__fields {
		grid-template-columns: 1fr;
	}

	.eb-acc__fields > .form-row-first,
	.eb-acc__fields > .form-row-last {
		grid-column: 1 / -1;
	}
}

.eb-acc__fields label,
.eb-auth__form label:not(.woocommerce-form__label-for-checkbox) {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--color-text-muted);
	margin-bottom: 6px;
}

.eb-acc__fields .required,
.eb-auth__form .required {
	color: var(--acc-deep);
	text-decoration: none;
	border: 0;
}

.eb-acc__fields input[type="text"],
.eb-acc__fields input[type="email"],
.eb-acc__fields input[type="tel"],
.eb-acc__fields input[type="password"],
.eb-acc__fields select,
.eb-acc__fields textarea,
.eb-acc__fields .input-text,
.eb-auth__form input[type="text"],
.eb-auth__form input[type="email"],
.eb-auth__form input[type="password"] {
	width: 100%;
}

/* A Woo select2/selectWoo (ország, megye) igazítása a mezőkhöz. */
.eb-acc__fields .select2-container .select2-selection--single,
.eb-acc__fields .selectWoo + .select2-container .select2-selection--single {
	height: 46px;
	border: 1.5px solid var(--color-border-alt);
	border-radius: var(--radius-input);
	background: #fff;
}

.eb-acc__fields .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding-left: 13px;
	color: var(--color-text);
}

.eb-acc__fields .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.eb-acc__hint,
.eb-acc__fields .description,
.eb-acc__fields em {
	display: block;
	font-size: 12.5px;
	font-style: normal;
	color: var(--color-text-faintest);
	margin-top: 6px;
}

.eb-acc__formactions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 20px 0 0;
}

.eb-acc__form .eb-acc__formactions {
	margin-top: 4px;
}

.eb-acc__accountform .eb-acc__formactions {
	margin-top: 0;
}

/* --------------------------------------------------------------------------
   11. Belépés + Regisztráció (kilépett állapot)
   -------------------------------------------------------------------------- */
.eb-acc--auth .eb-acc__hero {
	margin-bottom: clamp(18px, 2.4vw, 26px);
}

.eb-auth {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	max-width: 560px;
}

.eb-auth--split {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	max-width: 980px;
	align-items: start;
}

@media (max-width: 860px) {
	.eb-auth--split {
		grid-template-columns: 1fr;
		max-width: 560px;
	}
}

.eb-auth__col {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	padding: clamp(20px, 2.6vw, 30px);
}

.eb-auth__col--register {
	background: #FBF8F3;
	border-color: #EAE1D2;
}

.eb-auth__title {
	font-size: clamp(20px, 2.4vw, 25px);
	font-weight: 700;
	margin: 0;
}

.eb-auth__lead {
	font-size: 14px;
	color: var(--color-text-faint);
	margin: 7px 0 0;
}

.eb-auth__perks {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.eb-auth__perks li {
	position: relative;
	padding-left: 26px;
	font-size: 14px;
	color: var(--color-text-muted);
}

.eb-auth__perks li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: var(--acc);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 11px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.eb-auth__form {
	margin-top: 20px;
}

.eb-auth__form .form-row {
	display: flex;
	flex-direction: column;
	margin: 0 0 14px;
}

.eb-auth__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 2px 0 18px;
}

.eb-auth__remember {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--color-text-muted);
	margin: 0;
	cursor: pointer;
}

.eb-auth__remember input {
	width: 17px;
	height: 17px;
	accent-color: var(--acc);
	margin: 0;
}

.eb-auth__lost {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--acc-deep);
	border-bottom: 1px solid transparent;
	transition: border-color var(--transition-fast);
}

.eb-auth__lost:hover {
	border-bottom-color: currentColor;
}

.eb-auth__hint {
	font-size: 13px;
	color: var(--color-text-faint);
	margin: 0 0 14px;
}

.eb-auth__submit {
	margin: 0 !important;
}

.eb-auth__submit .button {
	width: 100%;
}

/* Adatkezelési szöveg a regisztráció alatt (woocommerce_register_form hook). */
.eb-auth__form .woocommerce-privacy-policy-text,
.eb-auth__form .woocommerce-privacy-policy-text p {
	font-size: 12.5px;
	line-height: 1.55;
	color: var(--color-text-faintest);
	margin: 0 0 14px;
}

.eb-auth__form .woocommerce-privacy-policy-text a {
	color: var(--acc-deep);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   12. Jelszó-megjelenítő gomb.
   A woocommerce.js futásidőben `<span class="password-input">` közé csomagolja
   a jelszó-mezőket és beszúr egy `<button class="show-password-input">`-ot.
   A stílusa a Woo klasszikus stíluslapjában lenne — azt a theme lekapcsolja
   (inc/woocommerce.php), ezért itt pótoljuk, különben csak egy üres kis doboz
   lóg a mező alatt.
   -------------------------------------------------------------------------- */
.eb-acc .password-input {
	display: block;
	position: relative;
}

.eb-acc .show-password-input {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	opacity: .55;
	transition: opacity var(--transition-fast);
}

.eb-acc .show-password-input::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--color-text-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7 10.125 7 8.812 8.312 7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.912Q10.875 8.8 12 8.8t1.913.788q.787.787.787 1.912t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038Q2.35 14.925 1 11.5q1.35-3.425 4.35-5.463Q8.35 4 12 4t6.65 2.037Q21.65 8.075 23 11.5q-1.35 3.425-4.35 5.462Q15.65 19 12 19Z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.188Q13.875 7 12 7 10.125 7 8.812 8.312 7.5 9.625 7.5 11.5t1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.912Q10.875 8.8 12 8.8t1.913.788q.787.787.787 1.912t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038Q2.35 14.925 1 11.5q1.35-3.425 4.35-5.463Q8.35 4 12 4t6.65 2.037Q21.65 8.075 23 11.5q-1.35 3.425-4.35 5.462Q15.65 19 12 19Z'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}

.eb-acc .show-password-input:hover,
.eb-acc .show-password-input.display-password {
	opacity: 1;
}

.eb-acc .show-password-input.display-password::before {
	background-color: var(--acc);
}

/* A gomb helye a mezőn belül (hogy ne takarja a beírt szöveget). */
.eb-acc .password-input .input-text {
	padding-right: 44px;
}

/* --------------------------------------------------------------------------
   13. Letöltés-tábla (ha van letölthető termék)
   -------------------------------------------------------------------------- */
.eb-acc__content .woocommerce-table--order-downloads .download-product a {
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   14. Mobil finomhangolás
   -------------------------------------------------------------------------- */
.eb-acc__content table.woocommerce-table--order-details .woocommerce-table__product-name,
.eb-acc__content table.woocommerce-table--order-details tfoot td {
	overflow-wrap: anywhere;
}

@media (max-width: 720px) {
	/* A rendelés-lista mobil kártyáiban az összeg és a tételszám külön sorban. */
	.eb-acc__orders .woocommerce-orders-table__cell-order-total {
		flex-wrap: wrap;
	}

	.eb-acc__orders .eb-acc__orderitems {
		flex: 1 0 100%;
		text-align: right;
	}
}

@media (max-width: 640px) {
	/* A rendelés-részletek tábla jobb oszlopa törhet (nincs vízszintes scroll). */
	.eb-acc__content table.woocommerce-table--order-details td:last-child,
	.eb-acc__content table.woocommerce-table--order-details th:last-child {
		white-space: normal;
	}
}

/* --------------------------------------------------------------------------
   15. Fizetési mód hozzáadása (add-payment-method) — a Woo klasszikus
   fizetési-lista markupja (form-add-payment-method.php + gateway payment_box).
   A gateway (Stripe) belső mezőihez NEM nyúlunk, csak a keretet adjuk.
   -------------------------------------------------------------------------- */
.eb-acc #add_payment_method {
	background: #fff;
	border: 1px solid #ede5d8;
	border-radius: var(--radius-panel);
	padding: clamp(18px, 2.2vw, 26px);
}

.eb-acc ul.payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.eb-acc ul.payment_methods > li {
	border: 1px solid var(--color-border-alt);
	border-radius: var(--radius-feature);
	padding: 14px 16px;
	margin: 0;
}

.eb-acc ul.payment_methods > li > label {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	margin: 0;
}

.eb-acc ul.payment_methods > li > label img {
	max-height: 22px;
	width: auto;
	margin-left: auto;
}

.eb-acc ul.payment_methods > li > input[type="radio"] {
	width: 17px;
	height: 17px;
	accent-color: var(--acc);
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.eb-acc .payment_box {
	background: #FBF8F3;
	border: 1px solid #EEE7DA;
	border-radius: var(--radius-input);
	margin: 12px 0 0;
	padding: 14px 16px;
	font-size: 14px;
	color: var(--color-text-muted);
}

.eb-acc .payment_box p:last-child {
	margin-bottom: 0;
}

.eb-acc #add_payment_method .form-row {
	margin: 18px 0 0;
}