/**
 * Ügyfélportál – A TELJES „FIÓKOM" FELÜLET ARCULATA
 *
 * A `portal-arculat.css` a saját kártyáinkat öltözteti. Ez a fájl azt, ami
 * KÖRÜLÖTTÜK van: a WooCommerce fiók-menüjét, a rendeléslistát, a címeket, a
 * fiókadat-űrlapot és a belépőoldalt.
 *
 * ── AMIT SZÁNDÉKOSAN NEM CSINÁLUNK ─────────────────────────────────────────
 * A SZERKEZETHEZ nem nyúlunk. A menü ott marad, ahol a WooCommerce adja, a
 * sablonokat nem írjuk felül, `unhook`-ot nem használunk. Ez csak bőr: ha
 * holnap kikapcsolják, a fiók pontosan úgy működik, mint korábban.
 *
 * Ezért nincs egyetlen sablonfájl-másolat sem a pluginban. Egy lemásolt
 * WooCommerce-sablon a következő frissítésnél csendben elavul – a CSS nem.
 *
 * ── SPECIFIKUSSÁG ──────────────────────────────────────────────────────────
 * Az Astra elég erősen stílusoz, ezért `.woocommerce-account` előtaggal
 * emelünk. Ahol ez sem elég, ott a szülő-lánc hosszabb – `!important` csak
 * ott van, ahol a téma inline vagy `!important` szabállyal ír, és ezt a
 * helyszínen meg is indokoljuk.
 *
 * @package TanyerPortal
 */

/* ══════════════════════════════════════════════════════════════════════════
   Tokenek – ugyanaz a paletta, mint a portál-kártyáké
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account {
	--tuf-hatter:        #1B241E;
	--tuf-panel:         #26332B;
	--tuf-panel-vilagos: #2C3A31;
	--tuf-panel-sotet:   #222E27;

	--tuf-arany:         #B7893F;
	--tuf-terrakotta:    #C46B4A;
	--tuf-krem:          #F6F0E4;

	--tuf-szoveg:        rgba(246, 240, 228, 0.82);
	--tuf-halvany:       rgba(246, 240, 228, 0.55);
	--tuf-nagyon-halvany:rgba(246, 240, 228, 0.35);

	--tuf-vonal:         rgba(183, 137, 63, 0.20);
	--tuf-vonal-eros:    rgba(183, 137, 63, 0.38);

	--tuf-siker:         #7FA663;
	--tuf-hiba:          #C4564A;

	/* Az oldal saját betűi (2026-09-30): a --tanyer-oldal-* értékeket a
	   PortalFiok::betuk() adja az Astra beállításaiból; ez itt a tartalék. */
	--tuf-cim-font:      var(--tanyer-oldal-cim-font, 'Be Vietnam Pro', system-ui, sans-serif);
	--tuf-ui-font:       var(--tanyer-oldal-szoveg-font, 'Karla', system-ui, sans-serif);
}

/* ══════════════════════════════════════════════════════════════════════════
   A lap háttere
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account,
.woocommerce-account .site,
.woocommerce-account #content,
.woocommerce-account .site-content {
	background: var(--tuf-hatter);
	background-image: radial-gradient(120% 60% at 50% 0%, #2A362E 0%, var(--tuf-hatter) 55%);
}

.woocommerce-account .site-main,
.woocommerce-account .ast-article-single,
.woocommerce-account .entry-content {
	background: transparent;
	color: var(--tuf-szoveg);
	font-family: var(--tuf-ui-font);
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

/* Az oldalcím a látványterv névjegye: ritkított, nagybetűs, a téma címsorbetűjével. */
.woocommerce-account .entry-title,
.woocommerce-account .ast-archive-title {
	margin-bottom: 6px;
	font-family: var(--tuf-cim-font);
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--tuf-krem);
	text-align: center;
}

.woocommerce-account .entry-content > .woocommerce {
	max-width: 1040px;
	margin: 0 auto;
}

/* ── Címsorok és szöveg ─────────────────────────────────────────────────── */

.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3 {
	font-family: var(--tuf-cim-font);
	font-weight: 500;
	color: var(--tuf-krem);
	letter-spacing: 0;
}

.woocommerce-account .woocommerce h2 { font-size: 24px; }
.woocommerce-account .woocommerce h3 { font-size: 19px; }

.woocommerce-account .woocommerce p,
.woocommerce-account .woocommerce li,
.woocommerce-account .woocommerce address {
	color: var(--tuf-szoveg);
	font-family: var(--tuf-ui-font);
	font-weight: 300;
}

.woocommerce-account .woocommerce a:not(.button):not(.tup-btn) {
	color: var(--tuf-arany);
	text-decoration: none;
}

.woocommerce-account .woocommerce a:not(.button):not(.tup-btn):hover {
	color: var(--tuf-terrakotta);
}

.woocommerce-account .woocommerce mark {
	background: transparent;
	color: var(--tuf-arany);
}

/* ══════════════════════════════════════════════════════════════════════════
   A fiók-menü – a helye marad, csak a bőre új
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce-MyAccount-navigation {
	padding: 0;
	border: 1px solid var(--tuf-vonal);
	background: var(--tuf-panel-sotet);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid rgba(183, 137, 63, 0.12);
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 14px 18px;
	border-left: 2px solid transparent;
	color: var(--tuf-nagyon-halvany);
	font-family: var(--tuf-ui-font);
	font-size: 10.5px;
	font-weight: 400;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	color: var(--tuf-halvany);
	background: rgba(183, 137, 63, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	border-left-color: var(--tuf-arany);
	background: rgba(183, 137, 63, 0.09);
	color: var(--tuf-arany);
}

/* ── A tartalomdoboz ────────────────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-content {
	padding: 0;
	color: var(--tuf-szoveg);
}

/*
 * A Haladásom fül a saját, teljes szélességű panelját hozza (`.tup`), ezért
 * ott a tartalomdoboz ne rakjon rá még egy keretet – dupla keret lenne.
 */
.woocommerce-account .woocommerce-MyAccount-content > .tup {
	margin-top: 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   Táblázatok – rendelések, letöltések
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce table.shop_table {
	border: 1px solid var(--tuf-vonal);
	border-radius: 0;
	border-collapse: collapse;
	background: var(--tuf-panel);
}

.woocommerce-account .woocommerce table.shop_table th {
	padding: 13px 14px;
	border: 0;
	border-bottom: 1px solid var(--tuf-vonal);
	background: var(--tuf-panel-sotet);
	color: var(--tuf-nagyon-halvany);
	font-family: var(--tuf-ui-font);
	font-size: 9.5px;
	font-weight: 400;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: left;
}

.woocommerce-account .woocommerce table.shop_table td {
	padding: 15px 14px;
	border: 0;
	border-bottom: 1px solid rgba(183, 137, 63, 0.1);
	color: var(--tuf-szoveg);
	font-family: var(--tuf-ui-font);
	font-weight: 300;
}

.woocommerce-account .woocommerce table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

.woocommerce-account .woocommerce table.shop_table tbody tr:hover td {
	background: rgba(183, 137, 63, 0.04);
}

/* A rendelésszám és az összeg a lényeg – ezek szerifesek. */
.woocommerce-account .woocommerce table.shop_table td.woocommerce-orders-table__cell-order-number a,
.woocommerce-account .woocommerce table.shop_table td.woocommerce-orders-table__cell-order-total {
	font-family: var(--tuf-cim-font);
	font-size: 16px;
	font-weight: 500;
}

.woocommerce-account .woocommerce table.shop_table td.woocommerce-orders-table__cell-order-status {
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tuf-arany);
}

.woocommerce-account .woocommerce table.shop_table tfoot th,
.woocommerce-account .woocommerce table.shop_table tfoot td {
	border-top: 1px solid var(--tuf-vonal);
	background: transparent;
}

/* ══════════════════════════════════════════════════════════════════════════
   Címek (szállítási / számlázási)
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce .woocommerce-Address {
	margin-bottom: 22px;
}

.woocommerce-account .woocommerce .woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--tuf-vonal);
}

.woocommerce-account .woocommerce .woocommerce-Address address {
	padding: 14px 16px 16px;
	font-style: normal;
	line-height: 1.7;
}

/*
 * Sötét címkártyák. Az Astra a kártya fejlécének #fbfbfb (majdnem fehér)
 * hátteret ad – azon a krémszínű cím nem látszott. A Címeim oldal és a
 * rendelés-részletek számlázási/szállítási blokkja ugyanazt a szabályt kapja.
 */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	margin: 0;
	padding: 12px 16px;
	border: 1px solid var(--tuf-vonal-eros);
	border-bottom: 0;
	background: var(--tuf-panel-sotet);
	color: var(--tuf-krem);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
	margin: 0;
	color: var(--tuf-krem);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
	padding: 0;
	color: var(--tuf-arany);
}

.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .woocommerce-customer-details address,
.woocommerce-account .woocommerce-Addresses address {
	margin: 0;
	padding: 14px 16px 16px;
	border: 1px solid var(--tuf-vonal-eros);
	background: var(--tuf-panel-vilagos);
	color: var(--tuf-szoveg);
	font-style: normal;
	line-height: 1.7;
}

.woocommerce-account .woocommerce-MyAccount-content address p {
	margin: 6px 0 0;
	color: var(--tuf-szoveg);
}

/* ══════════════════════════════════════════════════════════════════════════
   Űrlapok
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce form.woocommerce-form-login,
.woocommerce-account .woocommerce form.woocommerce-form-register,
.woocommerce-account .woocommerce form.woocommerce-EditAccountForm,
.woocommerce-account .woocommerce form.woocommerce-address-fields,
.woocommerce-account .woocommerce form.lost_reset_password {
	padding: 24px 22px 26px;
	border: 1px solid var(--tuf-vonal);
	border-radius: 0;
	background: linear-gradient(160deg, var(--tuf-panel-vilagos) 0%, var(--tuf-panel-sotet) 100%);
}

.woocommerce-account .woocommerce label,
.woocommerce-account .woocommerce .woocommerce-form__label {
	color: var(--tuf-nagyon-halvany);
	font-family: var(--tuf-ui-font);
	font-size: 9.5px;
	font-weight: 400;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce label .required {
	color: var(--tuf-terrakotta);
	border: 0;
}

.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="number"],
.woocommerce-account .woocommerce input[type="date"],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea,
.woocommerce-account .woocommerce .select2-selection {
	padding: 11px 12px;
	border: 1px solid var(--tuf-vonal);
	border-radius: 0;
	background: rgba(27, 36, 30, 0.55);
	color: var(--tuf-krem);
	font-family: var(--tuf-ui-font);
	font-size: 14px;
	font-weight: 300;
	box-shadow: none;
}

.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus {
	border-color: var(--tuf-arany);
	outline: none;
	box-shadow: none;
}

.woocommerce-account .woocommerce input::placeholder,
.woocommerce-account .woocommerce textarea::placeholder {
	color: rgba(246, 240, 228, 0.28);
}

.woocommerce-account .woocommerce fieldset {
	margin-top: 24px;
	padding: 18px 0 0;
	border: 0;
	border-top: 1px solid var(--tuf-vonal);
}

.woocommerce-account .woocommerce legend {
	padding: 0;
	font-family: var(--tuf-ui-font);
	font-size: 9.5px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--tuf-arany);
}

.woocommerce-account .woocommerce .woocommerce-form-login__rememberme,
.woocommerce-account .woocommerce .woocommerce-form__label-for-checkbox {
	letter-spacing: 0.1em;
	text-transform: none;
	font-size: 12px;
	color: var(--tuf-halvany);
}

/* ══════════════════════════════════════════════════════════════════════════
   Gombok

   Az Astra a `.button`-t saját színnel és `border-radius`-szal adja, elég erős
   szabállyal. Ezért itt hosszabb a szülő-lánc – de `!important` nélkül.
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce button[type="submit"],
.woocommerce-account .woocommerce .woocommerce-button {
	padding: 13px 24px;
	border: 1px solid var(--tuf-vonal-eros);
	border-radius: 0;
	background: transparent;
	background-image: none;
	color: var(--tuf-krem);
	font-family: var(--tuf-ui-font);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce button[type="submit"]:hover,
.woocommerce-account .woocommerce .woocommerce-button:hover {
	border-color: var(--tuf-arany);
	background: rgba(183, 137, 63, 0.12);
	color: var(--tuf-krem);
}

/* A „megnézem" jellegű, másodlagos gomb halkabb. */
.woocommerce-account .woocommerce table.shop_table a.button {
	padding: 8px 14px;
	font-size: 9.5px;
	letter-spacing: 0.18em;
}

/* ══════════════════════════════════════════════════════════════════════════
   Üzenetek

   A WooCommerce a saját `::before` pipáját és a bal oldali színcsíkot
   `!important`-tal tolja rá néhány témában; a hátteret viszont nem, ezért
   itt elég a specifikusság.
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-notice {
	padding: 14px 18px;
	border: 0;
	border-left: 2px solid var(--tuf-arany);
	border-radius: 0;
	background: rgba(183, 137, 63, 0.1);
	color: var(--tuf-szoveg);
	font-family: var(--tuf-ui-font);
	font-size: 13px;
	font-weight: 300;
	list-style: none;
}

.woocommerce-account .woocommerce .woocommerce-message {
	border-left-color: var(--tuf-siker);
	background: rgba(127, 166, 99, 0.1);
}

.woocommerce-account .woocommerce .woocommerce-error {
	border-left-color: var(--tuf-hiba);
	background: rgba(196, 86, 74, 0.12);
}

.woocommerce-account .woocommerce .woocommerce-message::before,
.woocommerce-account .woocommerce .woocommerce-info::before,
.woocommerce-account .woocommerce .woocommerce-error::before {
	display: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   Lapozás
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce .woocommerce-pagination ul {
	border: 0;
	gap: 6px;
	display: flex;
	justify-content: center;
}

.woocommerce-account .woocommerce .woocommerce-pagination ul li {
	border: 0;
}

.woocommerce-account .woocommerce .woocommerce-pagination ul li a,
.woocommerce-account .woocommerce .woocommerce-pagination ul li span {
	padding: 8px 13px;
	border: 1px solid var(--tuf-vonal);
	background: transparent;
	color: var(--tuf-halvany);
	font-family: var(--tuf-ui-font);
	font-size: 11px;
	letter-spacing: 0.1em;
}

.woocommerce-account .woocommerce .woocommerce-pagination ul li span.current {
	border-color: var(--tuf-arany);
	color: var(--tuf-arany);
}

/* ══════════════════════════════════════════════════════════════════════════
   Rendelés részletei
   ══════════════════════════════════════════════════════════════════════════ */

.woocommerce-account .woocommerce .woocommerce-order-details,
.woocommerce-account .woocommerce .woocommerce-customer-details {
	margin-top: 30px;
}

.woocommerce-account .woocommerce ul.order_details {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin: 0 0 26px;
	padding: 18px 20px;
	border: 1px solid var(--tuf-vonal);
	background: var(--tuf-panel-sotet);
	list-style: none;
}

.woocommerce-account .woocommerce ul.order_details li {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: var(--tuf-ui-font);
	font-size: 9.5px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--tuf-nagyon-halvany);
}

.woocommerce-account .woocommerce ul.order_details li strong {
	display: block;
	margin-top: 5px;
	font-family: var(--tuf-cim-font);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--tuf-krem);
}

/* ══════════════════════════════════════════════════════════════════════════
   Kis képernyő
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
	.woocommerce-account .entry-title,
	.woocommerce-account .ast-archive-title {
		font-size: 20px;
		letter-spacing: 0.26em;
	}

	/* A menü vízszintes sávvá válik – ugyanaz a mozdulat, mint a portál fülein. */
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		height: 0;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
		border-bottom: 0;
		border-right: 1px solid rgba(183, 137, 63, 0.12);
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		border-left: 0;
		border-bottom: 2px solid transparent;
		white-space: nowrap;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
		border-left: 0;
		border-bottom-color: var(--tuf-arany);
	}

	.woocommerce-account .woocommerce table.shop_table td {
		padding: 11px 12px;
	}
}

/* ── Megrendelések: időszak-szűrő (PortalRendelesSzuro, 2026-09-30) ─────── */
.woocommerce-account .tup-rszuro {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px 20px;
	margin: 0 0 22px;
	padding: 16px 18px;
	background: var(--tuf-panel-sotet);
	border: 1px solid var(--tuf-vonal);
	border-radius: 4px;
	font-family: var(--tuf-ui-font);
}

.woocommerce-account .tup-rszuro__gyors {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.woocommerce-account .woocommerce a.tup-rszuro__chip {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--tuf-vonal-eros);
	border-radius: 999px;
	font-size: 13px;
	line-height: 1.3;
	color: var(--tuf-szoveg);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce a.tup-rszuro__chip:hover,
.woocommerce-account .woocommerce a.tup-rszuro__chip.is-aktiv {
	background: var(--tuf-arany);
	border-color: var(--tuf-arany);
	color: var(--tuf-hatter);
}

.woocommerce-account .tup-rszuro__datumok {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 10px;
}

.woocommerce-account .tup-rszuro__datumok label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	font-size: 12px;
	color: var(--tuf-halvany);
}

.woocommerce-account .woocommerce .tup-rszuro input[type="date"] {
	width: auto;
	min-width: 150px;
	margin: 0;
}

.woocommerce-account .woocommerce .tup-rszuro .tup-rszuro__gomb {
	margin: 0;
}

.woocommerce-account .woocommerce a.tup-rszuro__torol {
	align-self: flex-end;
	padding-bottom: 10px;
	font-size: 13px;
}

@media (max-width: 600px) {
	.woocommerce-account .tup-rszuro__datumok,
	.woocommerce-account .tup-rszuro__datumok label {
		width: 100%;
	}
	.woocommerce-account .woocommerce .tup-rszuro input[type="date"] {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-account .woocommerce a.tup-rszuro__chip { transition: none; }
}

/* ── „?" súgók (PortalSugo, 2026-10-05) ──────────────────────────────────── */
.woocommerce-account .tup-sugo{position:relative;display:inline-block;margin-left:10px;vertical-align:middle;line-height:1;
	font-family:var(--tuf-ui-font);font-size:14px;letter-spacing:0;text-transform:none;font-weight:400}
.woocommerce-account .tup-sugo__gomb{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;margin:0;border-radius:50%;
	border:1px solid var(--tuf-vonal-eros);background:transparent;color:var(--tuf-arany);font:600 13px/1 var(--tuf-ui-font);cursor:pointer;
	transition:background-color .15s ease,color .15s ease}
.woocommerce-account .tup-sugo__gomb:hover,
.woocommerce-account .tup-sugo__gomb[aria-expanded="true"]{background:var(--tuf-arany);color:var(--tuf-hatter);border-color:var(--tuf-arany)}
.woocommerce-account .tup-sugo__gomb:focus-visible{outline:2px solid var(--tuf-arany);outline-offset:2px}
.woocommerce-account .tup-sugo__doboz{position:absolute;z-index:60;left:50%;top:calc(100% + 10px);transform:translateX(-50%);
	width:max-content;max-width:min(300px,82vw);padding:12px 14px;border:1px solid var(--tuf-vonal-eros);border-radius:6px;
	background:var(--tuf-panel-vilagos);color:var(--tuf-szoveg);box-shadow:0 14px 34px rgba(0,0,0,.45);
	font:400 14px/1.5 var(--tuf-ui-font);text-align:left;white-space:normal}
.woocommerce-account .tup-sugo__doboz[hidden]{display:none}
/* A lenyitható blokkok címsorában a „?" a cím után áll, a nyíl a sor végén marad. */
.woocommerce-account .tup-card--nyilo > summary > .tup-sugo{margin-right:auto}
.woocommerce-account .tup-oldal-sugo{margin:0 0 18px;font-size:15px;color:var(--tuf-halvany)}
@media (prefers-reduced-motion:reduce){.woocommerce-account .tup-sugo__gomb{transition:none}}

/* ── Bemutató az első belépéskor (PortalBemutato, 2026-10-05) ───────────────
   A fénykör egy nagy box-shadow-val sötétít körbe; a top/left/width/height
   átmenetével siklik egyik elemről a másikra. */
.woocommerce-account .tup-tura{position:fixed;inset:0;z-index:100000;font-family:var(--tuf-ui-font);transition:opacity .25s ease}
.woocommerce-account .tup-tura--ki{opacity:0}
.woocommerce-account .tup-tura__fokusz{position:fixed;border-radius:10px;pointer-events:none;
	box-shadow:0 0 0 3px rgba(226,184,102,.95),0 0 0 9999px rgba(8,12,9,.74);
	transition:top .45s cubic-bezier(.2,.8,.2,1),left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.woocommerce-account .tup-tura__fokusz::after{content:'';position:absolute;inset:-3px;border-radius:12px;border:2px solid rgba(226,184,102,.7);
	animation:tupTuraPulzus 1.6s ease-out infinite}
.woocommerce-account .tup-tura__fokusz--ures{box-shadow:0 0 0 9999px rgba(8,12,9,.8)}
.woocommerce-account .tup-tura__fokusz--ures::after{display:none}
@keyframes tupTuraPulzus{from{transform:scale(1);opacity:.9}to{transform:scale(1.12);opacity:0}}
.woocommerce-account .tup-tura__buborek{position:fixed;width:min(370px,calc(100vw - 32px));padding:18px 20px 16px;border-radius:10px;
	background:var(--tuf-panel-vilagos);border:1px solid var(--tuf-vonal-eros);color:var(--tuf-szoveg);box-shadow:0 22px 60px rgba(0,0,0,.55);
	opacity:0;transform:translateY(10px);transition:opacity .28s ease .12s,transform .28s ease .12s}
.woocommerce-account .tup-tura__buborek--be{opacity:1;transform:none}
.woocommerce-account .tup-tura__fej{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.woocommerce-account .tup-tura__lepes{font-size:12px;letter-spacing:.18em;color:var(--tuf-arany);font-variant-numeric:tabular-nums}
.woocommerce-account .tup-tura__kihagy{border:0;background:none;padding:4px 0;color:var(--tuf-halvany);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.woocommerce-account .tup-tura__cim{margin:0 0 6px;font-family:var(--tuf-cim-font);font-weight:700;font-size:21px;line-height:1.25;color:var(--tuf-krem);letter-spacing:0;text-transform:none;text-align:left}
.woocommerce-account .tup-tura__szoveg{margin:0;font-size:15px;line-height:1.5}
.woocommerce-account .tup-tura__pottyok{display:flex;gap:6px;margin:14px 0 12px}
.woocommerce-account .tup-tura__pottyok i{width:7px;height:7px;border-radius:50%;background:var(--tuf-vonal-eros);transition:width .25s ease,background-color .25s ease}
.woocommerce-account .tup-tura__pottyok i.volt{background:var(--tuf-arany)}
.woocommerce-account .tup-tura__pottyok i.on{width:20px;border-radius:4px;background:var(--tuf-arany)}
.woocommerce-account .tup-tura__gombok{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.woocommerce-account .tup-tura__gomb{display:inline-block;padding:10px 18px;border-radius:6px;border:1px solid var(--tuf-arany);background:var(--tuf-arany);
	color:var(--tuf-hatter);font:600 14px/1.2 var(--tuf-ui-font);cursor:pointer;text-decoration:none}
.woocommerce-account .woocommerce a.tup-tura__gomb,.woocommerce-account a.tup-tura__gomb{color:var(--tuf-krem);text-decoration:none}
.woocommerce-account .tup-tura__gomb--masod{background:transparent;color:var(--tuf-krem);border-color:var(--tuf-vonal-eros)}
.woocommerce-account .tup-tura__gomb[hidden]{display:none}
.woocommerce-account .tup-tura button:focus-visible,.woocommerce-account .tup-tura a:focus-visible{outline:2px solid var(--tuf-arany);outline-offset:2px}
.woocommerce-account .tup-tura--lassit *,.woocommerce-account .tup-tura--lassit{transition:none !important;animation:none !important}
.woocommerce-account .tup-udv-tovabbi{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px}

/* ── Sikeres regisztráció (PortalUjFiok) ─────────────────────────────────── */
.woocommerce-account .tup-uj-fiok{display:flex;gap:16px;align-items:flex-start;margin:0 0 26px;padding:20px 22px;border:1px solid var(--tuf-vonal-eros);border-left:4px solid #5fae7b;border-radius:10px;
	background:linear-gradient(160deg,rgba(95,174,123,.14) 0%,var(--tuf-panel-vilagos) 70%);color:var(--tuf-szoveg);animation:tupUjFiok .5s ease both}
.woocommerce-account .tup-uj-fiok__pipa{flex:0 0 44px;width:44px;height:44px;align-self:flex-start;border-radius:50%;background:#5fae7b;display:flex;align-items:center;justify-content:center}
.woocommerce-account .tup-uj-fiok__pipa svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:tupUjPipa .5s ease .35s forwards}
.woocommerce-account .tup-uj-fiok__test{min-width:0}
.woocommerce-account .tup-uj-fiok__cim{margin:2px 0 6px;font-family:var(--tuf-cim-font);font-weight:700;font-size:24px;line-height:1.2;color:var(--tuf-krem);letter-spacing:0;text-transform:none}
.woocommerce-account .tup-uj-fiok__lead{margin:0 0 12px;font-size:15px;line-height:1.55}
.woocommerce-account .tup-uj-fiok__alcim{margin:0 0 6px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tuf-arany)}
.woocommerce-account .tup-uj-fiok__lepesek{margin:0;padding-left:20px;font-size:15px;line-height:1.55}
.woocommerce-account .tup-uj-fiok__lepesek li{margin:0 0 4px}
.woocommerce-account .tup-uj-fiok__lepesek a{color:var(--tuf-krem);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@keyframes tupUjFiok{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tupUjPipa{to{stroke-dashoffset:0}}
@media (max-width:540px){.woocommerce-account .tup-uj-fiok{flex-direction:column;padding:18px 16px}}
@media (prefers-reduced-motion:reduce){.woocommerce-account .tup-uj-fiok,.woocommerce-account .tup-uj-fiok__pipa svg{animation:none;stroke-dashoffset:0}}