/* ===== ProFalat – WooCommerce Fiókom oldal =====
   Csak a fiók oldalon töltődik be (is_account_page).
   Brand: piros #e23744 / sötétpiros #c52a36 / burgundi #5e1f2a. */

:root {
	--pf-red: #e23744;
	--pf-red-dark: #c52a36;
	--pf-burgundy: #5e1f2a;
	--pf-soft: #fbecee;
	--pf-line: #f0e6e7;
	--pf-text: #4b3b3d;
}

/* ---- Elrendezés: oldalsáv + tartalom, mobilon egymás alá ---- */
.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: flex-start;
}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	flex: 1 1 100%;
}

/* ---- Navigáció (oldalsáv kártya) ---- */
.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 250px;
	max-width: 250px;
	width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 8px !important;
	background: #fff;
	border: 1px solid var(--pf-line);
	border-radius: 16px;
	box-shadow: 0 8px 28px rgba(94, 31, 42, .07);
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 12px 14px !important;
	border-radius: 10px;
	color: var(--pf-text) !important;
	font-weight: 600;
	text-decoration: none !important;
	transition: background .15s ease, color .15s ease, transform .1s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
	font-size: 17px;
	line-height: 1;
	flex: 0 0 auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--pf-soft);
	color: var(--pf-red-dark) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: linear-gradient(135deg, var(--pf-red), var(--pf-red-dark));
	color: #fff !important;
	box-shadow: 0 6px 16px rgba(226, 55, 68, .3);
}

/* Mancs / téma ikonok a menüpontokhoz */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: "🐾"; }
.woocommerce-MyAccount-navigation-link--orders a::before { content: "📦"; }
.woocommerce-MyAccount-navigation-link--downloads a::before { content: "⬇️"; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: "📍"; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: "👤"; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "🚪"; }

/* ---- Tartalom kártya ---- */
.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1 1 320px;
	min-width: 0;
	background: #fff;
	border: 1px solid var(--pf-line);
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 8px 28px rgba(94, 31, 42, .07);
}
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
	margin-top: 0;
	color: var(--pf-burgundy);
}
.woocommerce-account .woocommerce-MyAccount-content p { color: var(--pf-text); }
.woocommerce-account .woocommerce-MyAccount-content mark,
.woocommerce-account .woocommerce-MyAccount-content strong { color: var(--pf-burgundy); background: transparent; }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) { color: var(--pf-red-dark); }

/* ---- Gombok ---- */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-Button {
	display: inline-block;
	background: var(--pf-red) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 12px 22px !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer;
	transition: background .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account .woocommerce-Button:hover {
	background: var(--pf-red-dark) !important;
}
/* Másodlagos (pl. Megtekintés) gomb világosabb */
.woocommerce-account .woocommerce-MyAccount-content .button.view {
	background: var(--pf-soft) !important;
	color: var(--pf-red-dark) !important;
}
.woocommerce-account .woocommerce-MyAccount-content .button.view:hover {
	background: #f6dfe2 !important;
}

/* ---- Űrlap mezők ---- */
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px !important;
	border: 1px solid #d8c9cb !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	font-size: 15px !important;
	background: #fff !important;
	color: #111827 !important;
}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	outline: none !important;
	border-color: var(--pf-red) !important;
	box-shadow: 0 0 0 3px rgba(226, 55, 68, .15) !important;
}
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content label {
	font-weight: 600;
	color: var(--pf-text);
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
	border: 1px solid var(--pf-line);
	border-radius: 12px;
	padding: 18px;
	margin-top: 20px;
}

/* ---- Táblázatok (rendelések, letöltések) ---- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100%;
	border: 1px solid var(--pf-line);
	border-radius: 12px;
	overflow: hidden;
	margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th {
	background: var(--pf-soft);
	color: var(--pf-burgundy);
	padding: 13px 14px;
	text-align: left;
	font-weight: 700;
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	padding: 13px 14px;
	border: 0;
	border-top: 1px solid #f4eaeb;
	vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:hover {
	background: #fcf6f7;
}

/* Rendelés státusz pill */
.woocommerce-account .order-status {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	background: var(--pf-soft);
	color: var(--pf-red-dark);
	line-height: 1.4;
}

/* WooCommerce értesítések branded keretben */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
	border-radius: 12px;
	border-top: 0;
}
.woocommerce-account .woocommerce-message { border-left: 4px solid var(--pf-red); }

/* ---- Vendég nézet (/fiokom közvetlen megnyitása kijelentkezve) ---- */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	background: #fff;
	border: 1px solid var(--pf-line);
	border-radius: 16px;
	padding: 26px;
	box-shadow: 0 8px 28px rgba(94, 31, 42, .07);
}

/* ---- Mobil ---- */
@media (max-width: 782px) {
	.woocommerce-account .woocommerce {
		flex-direction: column;
		gap: 16px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex-basis: auto;
		max-width: none;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 20px;
	}
}

/* Táblázat stackelése kis kijelzőn */
@media (max-width: 600px) {
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead {
		display: none;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr {
		display: block;
		border: 1px solid var(--pf-line);
		border-radius: 12px;
		margin-bottom: 12px;
		padding: 6px 12px;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		text-align: right;
		border-top: 1px solid #f4eaeb;
		padding: 10px 0;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr td:first-child {
		border-top: 0;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td::before {
		content: attr(data-title);
		font-weight: 700;
		color: var(--pf-burgundy);
		text-align: left;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions {
		justify-content: flex-end;
	}
	.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}
}