/* ora-bolt.hu – fiókoldalak (belépés után) egységes megjelenése.
   A pénztár és az ora-oldalak.css mintájára. Csak megjelenés: űrlapok, mezők, mentés változatlan.
   Betöltés: vqmod/xml/zzzz-ora-fiok.xml. Készült: 2026-10-28. */

html.ora-fiok {
	--of-ink: #141414;
	--of-text: #202B2D;
	--of-muted: #4B5563;
	--of-label: #3E4849;
	--of-line: #E5E7EB;
	--of-field: #A9B0AD;
	--of-soft: #F3F4F6;
	--of-link: #334F69;
	--of-font: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
}

/* ---------- közös ---------- */
html.ora-fiok[class*="route-account-"] #content {
	font-family: var(--of-font);
	font-size: 15px;
	line-height: 1.6;
	color: var(--of-text);
}
html.ora-fiok[class*="route-account-"] #content > h1.heading-title,
html.ora-fiok:is(.route-account-address, .route-account-address-add, .route-account-address-edit, .route-account-download) #content > h2.secondary-title:first-of-type {
	font-family: var(--of-font);
	font-size: 26px !important;
	font-weight: 700 !important;
	line-height: 1.25;
	letter-spacing: -0.5px;
	text-transform: none !important;
	color: var(--of-ink);
	margin: 8px 0 20px !important;
	padding: 0 0 12px !important;
	border: 0;
	border-bottom: 1px solid var(--of-line) !important;
	background: none;
	white-space: normal;
	overflow: visible;
}
html.ora-fiok:is(.route-account-address, .route-account-address-add, .route-account-address-edit, .route-account-download) #content > h2.secondary-title:first-of-type:after {
	display: none;
}
html.ora-fiok[class*="route-account-"] #content h2.secondary-title,
html.ora-fiok[class*="route-account-"] #content h3 {
	font-family: var(--of-font);
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-transform: none;
	color: var(--of-ink);
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: none;
}
html.ora-fiok[class*="route-account-"] #content h2.secondary-title:after {
	display: none;
}
html.ora-fiok[class*="route-account-"] #content > p,
html.ora-fiok[class*="route-account-"] #content > .content > p {
	color: var(--of-muted);
}

/* ---------- űrlapok: adatok, jelszó, cím, hírlevél, utalvány, új jelszó ---------- */
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content form {
	max-width: 760px;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-reset) #content fieldset,
html.ora-fiok.route-account-voucher #content form {
	background: #fff;
	border: 1px solid var(--of-line);
	border-radius: 12px;
	box-shadow: 0 2px 6px rgba(32, 43, 45, 0.04);
	padding: 26px;
	margin: 0 0 20px;
	min-width: 0;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content legend {
	display: none;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content .form-horizontal .form-group {
	margin: 0 0 16px;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content .form-horizontal .form-group:after {
	content: "";
	display: table;
	clear: both;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content .form-horizontal :is(.col-sm-2, .col-sm-10, .col-sm-12) {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-voucher, .route-account-reset) #content .control-label {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	padding: 0;
	margin: 0 0 6px;
	font-family: var(--of-font);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--of-label);
}
html.ora-fiok[class*="route-account-"] body #content .form-control.form-control {
	height: 48px !important;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 11px 13px !important;
	font-family: var(--of-font);
	font-size: 16px !important;
	line-height: 1.4;
	color: var(--of-ink);
	background-color: #fff;
	border: 1px solid var(--of-field) !important;
	border-radius: 8px !important;
	box-shadow: none;
}
html.ora-fiok[class*="route-account-"] body #content select.form-control.form-control {
	padding-right: 36px !important;
}
html.ora-fiok[class*="route-account-"] body #content textarea.form-control.form-control {
	display: block;
	height: auto !important;
	min-height: 120px;
}
html.ora-fiok[class*="route-account-"] body #content .form-control.form-control:focus {
	border-color: var(--of-ink) !important;
	box-shadow: 0 0 0 3px rgba(20, 20, 20, 0.10);
	outline: none;
}
html.ora-fiok[class*="route-account-"] #content input[type=radio],
html.ora-fiok[class*="route-account-"] #content input[type=checkbox] {
	accent-color: var(--of-ink);
	width: 18px;
	height: 18px;
	vertical-align: -3px;
}
html.ora-fiok[class*="route-account-"] #content .radio-inline,
html.ora-fiok[class*="route-account-"] #content .radio label {
	font-size: 15px;
	font-weight: 500;
	color: var(--of-ink);
	margin-right: 20px;
	padding-left: 0;
}
html.ora-fiok[class*="route-account-"] #content .radio-inline input[type=radio],
html.ora-fiok[class*="route-account-"] #content .radio label input[type=radio] {
	position: static;
	margin: 0 6px 0 0;
}
html.ora-fiok[class*="route-account-"] #content .text-danger {
	font-size: 13px;
	margin-top: 6px;
}
/* a fax mezőt senki nem használja */
html.ora-fiok.route-account-edit #content .form-group:has(#input-fax) {
	display: none;
}

/* ---------- gombok ---------- */
html.ora-fiok[class*="route-account-"] body #content .buttons .button,
html.ora-fiok[class*="route-account-"] body #content .buttons input[type=submit] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	height: auto;
	padding: 0 28px;
	font-family: var(--of-font);
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	text-decoration: none;
	color: #fff !important;
	background: var(--of-ink) !important;
	border: 1px solid var(--of-ink) !important;
	border-radius: 10px !important;
	box-shadow: none;
}
html.ora-fiok[class*="route-account-"] body #content .buttons .btn-default.button {
	color: var(--of-ink) !important;
	background: #fff !important;
}
html.ora-fiok[class*="route-account-"] body #content .buttons .btn-default.button:hover {
	background: var(--of-soft) !important;
}
html.ora-fiok[class*="route-account-"] #content .buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	max-width: 760px;
	margin: 4px 0 0;
	padding: 0;
	border: 0;
	background: none;
}
html.ora-fiok:is(.route-account-order, .route-account-order-info, .route-account-reward, .route-account-transaction, .route-account-return, .route-account-address, .route-account-wishlist, .route-account-download) #content .buttons {
	max-width: none;
}
html.ora-fiok[class*="route-account-"] #content .buttons:before,
html.ora-fiok[class*="route-account-"] #content .buttons:after {
	display: none;
}
html.ora-fiok[class*="route-account-"] #content .buttons .pull-left,
html.ora-fiok[class*="route-account-"] #content .buttons .pull-right {
	float: none;
}
html.ora-fiok[class*="route-account-"] #content .buttons .pull-right {
	margin-left: auto;
}

/* ---------- fiók főoldal: csempék ---------- */
html.ora-fiok.route-account-account #content > h2.secondary-title {
	font-size: 15px;
	font-weight: 600;
	color: var(--of-muted);
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin: 26px 0 12px;
}
html.ora-fiok.route-account-account #content > h1 + h2.secondary-title {
	margin-top: 0;
}
html.ora-fiok.route-account-account #content > .content {
	margin: 0;
}
html.ora-fiok.route-account-account #content > .content > ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
html.ora-fiok.route-account-account #content > .content > ul > li {
	margin: 0;
	padding: 0;
	border: 0;
}
html.ora-fiok.route-account-account #content > .content > ul > li:before {
	display: none;
}
html.ora-fiok.route-account-account #content > .content > ul > li > a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 64px;
	padding: 14px 40px 14px 16px;
	font-family: var(--of-font);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--of-ink);
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--of-line);
	border-radius: 12px;
	box-shadow: 0 2px 6px rgba(32, 43, 45, 0.04);
	transition: border-color .15s ease, box-shadow .15s ease;
}
html.ora-fiok.route-account-account #content > .content > ul > li > a:hover {
	border-color: var(--of-ink);
	box-shadow: 0 4px 14px rgba(32, 43, 45, 0.08);
}
html.ora-fiok.route-account-account #content > .content > ul > li > a:before {
	content: "";
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--of-soft) var(--of-ico) center / 18px 18px no-repeat;
}
html.ora-fiok.route-account-account #content > .content > ul > li > a:after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1.75px solid var(--of-muted);
	border-right: 1.75px solid var(--of-muted);
	transform: rotate(45deg);
}
/* ikonok (vonalas, a webshop többi ikonjával azonos stílus) */
html.ora-fiok.route-account-account #content a[href*="account/edit"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/password"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/address"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-5.5 10.2-7.4 11.8a1 1 0 0 1-1.2 0C9.5 20.2 4 15 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="kedvencek"],
html.ora-fiok.route-account-account #content a[href*="account/wishlist"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/order"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/return"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/newsletter"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}
html.ora-fiok.route-account-account #content a[href*="account/reward"],
html.ora-fiok.route-account-account #content a[href*="account/transaction"],
html.ora-fiok.route-account-account #content a[href*="account/download"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}
/* letöltés és tranzakció: a webshopban nincs letölthető termék és vásárlói egyenleg */
html.ora-fiok.route-account-account #content li:has(> a[href*="account/download"]),
html.ora-fiok.route-account-account #content li:has(> a[href*="account/transaction"]),
html.ora-fiok.route-account-account #content li:has(> a[href*="account/recurring"]) {
	display: none;
}

/* ---------- táblázatok: rendelések, rendelés adatai, címek, pontok, visszaküldések ---------- */
html.ora-fiok[class*="route-account-"] #content table.table {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid var(--of-line) !important;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(32, 43, 45, 0.04);
}
html.ora-fiok[class*="route-account-"] #content table.table > :is(thead, tbody, tfoot) > tr > td,
html.ora-fiok[class*="route-account-"] #content table.table > :is(thead, tbody, tfoot) > tr > th {
	padding: 14px 16px;
	font-family: var(--of-font);
	font-size: 14px;
	line-height: 1.5;
	color: var(--of-ink);
	vertical-align: middle;
	border: 0 !important;
	border-bottom: 1px solid var(--of-line) !important;
	background: transparent;
}
html.ora-fiok[class*="route-account-"] #content table.table > thead > tr > td,
html.ora-fiok[class*="route-account-"] #content table.table > thead > tr > th {
	background: var(--of-soft);
	font-size: 13px;
	font-weight: 600;
	color: var(--of-muted);
}
html.ora-fiok[class*="route-account-"] #content table.table > tbody > tr:last-child > td,
html.ora-fiok[class*="route-account-"] #content table.table > tfoot > tr:last-child > td {
	border-bottom: 0 !important;
}
html.ora-fiok[class*="route-account-"] #content table.table > tbody > tr:hover > td {
	background: #FAFAFB;
}
html.ora-fiok[class*="route-account-"] #content table.table > tfoot > tr > td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 0 !important;
}
html.ora-fiok[class*="route-account-"] #content table.table > tfoot > tr:last-child > td {
	padding-top: 12px;
	padding-bottom: 14px;
	font-size: 16px;
	font-weight: 700;
	border-top: 1px solid var(--of-line) !important;
}
html.ora-fiok[class*="route-account-"] #content .table-responsive {
	border: 0;
	margin: 0;
}
html.ora-fiok[class*="route-account-"] #content table.table b {
	font-weight: 600;
}

/* ikongombok a táblázatban (megtekintés, újrarendelés, visszaküldés) */
html.ora-fiok[class*="route-account-"] body #content table.table .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	min-height: 0;
	padding: 0;
	margin: 2px;
	color: var(--of-ink) !important;
	background: #fff !important;
	border: 1px solid var(--of-line) !important;
	border-radius: 10px !important;
	box-shadow: none;
}
html.ora-fiok[class*="route-account-"] body #content table.table .btn:hover {
	border-color: var(--of-ink) !important;
	background: var(--of-soft) !important;
}
html.ora-fiok[class*="route-account-"] body #content table.table .btn.button {
	width: auto;
	padding: 0 16px;
	font-family: var(--of-font);
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}
html.ora-fiok.route-account-address body #content table.table .btn-danger.button {
	color: #B42318 !important;
}
html.ora-fiok[class*="route-account-"] #content .row.pagination,
html.ora-fiok[class*="route-account-"] #content > .row {
	margin: 0 0 16px;
	font-size: 13px;
	color: var(--of-muted);
}

/* rendelés állapota címke */
html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(2) {
	font-weight: 600;
}

/* ---------- mobil ---------- */
@media (max-width: 767px) {
	html.ora-fiok[class*="route-account-"] #content > h1.heading-title,
	html.ora-fiok:is(.route-account-address, .route-account-address-add, .route-account-address-edit, .route-account-download) #content > h2.secondary-title:first-of-type {
		font-size: 24px !important;
	}
	html.ora-fiok:is(.route-account-edit, .route-account-password, .route-account-address-add, .route-account-address-edit, .route-account-newsletter, .route-account-reset) #content fieldset,
	html.ora-fiok.route-account-voucher #content form {
		padding: 20px 16px;
	}
	html.ora-fiok[class*="route-account-"] #content .buttons .pull-left,
	html.ora-fiok[class*="route-account-"] #content .buttons .pull-right {
		width: 100%;
		margin-left: 0;
	}
	html.ora-fiok[class*="route-account-"] #content .buttons .pull-right {
		order: -1;
	}
	html.ora-fiok[class*="route-account-"] body #content .buttons .button,
	html.ora-fiok[class*="route-account-"] body #content .buttons input[type=submit] {
		width: 100%;
	}
	html.ora-fiok.route-account-account #content > .content > ul {
		grid-template-columns: 1fr;
	}

	/* rendelés adatai: termékek */
	html.ora-fiok.route-account-order-info #content table.table > :is(thead, tbody, tfoot) > tr > td {
		padding: 10px 12px;
		font-size: 14px;
	}
	html.ora-fiok.route-account-order-info #content table.table td[style*="width: 50%"] {
		width: auto !important;
	}
}

/* ---------- finomítások az élő előnézet alapján (v2) ---------- */
/* Journal felülírások */
html.ora-fiok.route-account-account #content > .content > ul > li > a {
	color: var(--of-ink) !important;
	font-weight: 600 !important;
}
html.ora-fiok.route-account-account #content > h2.secondary-title {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--of-muted) !important;
	letter-spacing: 0.6px !important;
	text-transform: uppercase !important;
}
html.ora-fiok.route-account-account #content > .content > ul {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
html.ora-fiok[class*="route-account-"] #content h3 {
	font-size: 19px !important;
	font-weight: 600 !important;
	margin: 28px 0 14px !important;
	text-transform: none !important;
}

/* üres állapot (nincs rendelés, üres kedvencek, nincs visszaküldés…) */
html.ora-fiok[class*="route-account-"] #content > h1.heading-title + :is(p, .content):has(+ .buttons):not(:has(table, form, ul, img)) {
	margin: 0 0 20px;
	padding: 28px 24px;
	font-size: 15px;
	color: var(--of-text);
	text-align: center;
	background: var(--of-soft);
	border-radius: 12px;
}

/* a listaoldalak "Tovább" gombja a fiókba visz vissza: másodlagos gomb */
html.ora-fiok[class*="route-account-"] body #content .buttons a.button[href$="route=account/account"] {
	color: var(--of-ink) !important;
	background: #fff !important;
}
html.ora-fiok[class*="route-account-"] body #content .buttons a.button[href$="route=account/account"]:hover {
	background: var(--of-soft) !important;
}

/* táblázat gombjai: ikon + felirat, sötét ikon fehér alapon */
html.ora-fiok[class*="route-account-"] body #content table.table .btn :is(i, svg) {
	color: var(--of-ink) !important;
	font-size: 16px;
}
html.ora-fiok[class*="route-account-"] body #content table.table .btn-danger :is(i, svg) {
	color: #B42318 !important;
}
html.ora-fiok:is(.route-account-order, .route-account-order-info) body #content table.table td:last-child .btn {
	text-decoration: none !important;
	width: auto;
	gap: 8px;
	padding: 0 14px;
	font-family: var(--of-font);
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}
html.ora-fiok:is(.route-account-order, .route-account-order-info) body #content table.table td:last-child .btn::after {
	font-family: var(--of-font) !important;
	font-weight: 600;
}
html.ora-fiok.route-account-order body #content table.table td:last-child .btn::after {
	content: "Részletek";
}
html.ora-fiok.route-account-order-info body #content table.table .btn[href*="order/reorder"]::after {
	content: "Újra kosárba";
}
html.ora-fiok.route-account-order-info body #content table.table .btn[href*="return/add"]::after {
	content: "Visszaküldés";
	color: #B42318;
}
/* összegek egy sorban */
html.ora-fiok:is(.route-account-order, .route-account-order-info) #content table.table td.text-right {
	white-space: nowrap;
}
/* a rendeléslistán az "Ügyfél" oszlop mindig te vagy: elrejtve */
html.ora-fiok.route-account-order #content table.table tr > :nth-child(5) {
	display: none;
}

/* rádiógombok egy sorban, egyforma közzel; utalványnál nincs csillag minden opción */
html.ora-fiok[class*="route-account-"] #content .radio-inline {
	display: inline-flex;
	align-items: center;
	margin: 0 24px 0 0 !important;
	padding: 6px 0;
}
html.ora-fiok[class*="route-account-"] #content .radio {
	margin: 0 0 6px;
}
html.ora-fiok[class*="route-account-"] #content .form-group.required .radio label:before,
html.ora-fiok[class*="route-account-"] #content .form-group.required .radio-inline:before {
	content: none !important;
	display: none !important;
}
html.ora-fiok.route-account-voucher #content .buttons .pull-right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	font-size: 14px;
	color: var(--of-muted);
	text-align: right;
}

@media (max-width: 767px) {
	html.ora-fiok.route-account-account #content > .content > ul {
		grid-template-columns: 1fr;
	}
	/* rendelés részletei: termékek kártyaként */
	html.ora-fiok.route-account-order-info #content .table-responsive {
		overflow: visible;
	}
}

@media (max-width: 991px) {
	/* rendelés részletei, termékek táblázat: soronként kártya (mobil, tablet) */
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > thead {
		display: none;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot),
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > :is(tbody, tfoot),
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > :is(tbody, tfoot) > tr {
		display: block;
		width: 100%;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 4px 12px;
		padding: 14px 16px;
		border-bottom: 1px solid var(--of-line);
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td {
		display: block;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(1) {
		grid-column: 1 / -1;
		font-weight: 600;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(2) {
		display: none;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(3) {
		grid-column: 1;
		color: var(--of-muted);
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(3)::after {
		content: "\00a0db";
		font-family: var(--of-font) !important;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(4) {
		display: none;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(5) {
		grid-column: 2;
		grid-row: 2;
		font-weight: 700;
		text-align: right !important;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tbody > tr > td:nth-child(6) {
		grid-column: 1 / -1;
		margin-top: 8px;
		white-space: normal !important;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr {
		display: flex;
		justify-content: space-between;
		padding: 0 16px;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr > td {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr > td:first-child,
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr > td:last-child:empty {
		display: none;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr:first-child > td {
		padding-top: 14px;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr:last-child {
		border-top: 1px solid var(--of-line);
		margin-top: 6px;
	}
	html.ora-fiok.route-account-order-info #content table.table:has(tfoot) > tfoot > tr:last-child > td {
		border-top: 0 !important;
	}
	/* adatok és címek táblázat: két oszlop egymás alá */
	html.ora-fiok.route-account-order-info #content table.table:not(:has(tfoot)) td[style*="width: 50%"],
	html.ora-fiok.route-account-order-info #content table.table:not(:has(tfoot)) td.text-left:only-child {
		display: block;
		width: 100% !important;
	}
}

/* kijelentkezés csempe a fiók főoldalán */
html.ora-fiok.route-account-account #content > .content.ora-f-kilepes {
	margin-top: 26px;
}
html.ora-fiok.route-account-account #content a[href*="account/logout"] {
	--of-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
	color: var(--of-muted) !important;
}
@media (max-width: 767px) {
	html.ora-fiok.route-account-account #content > .content > ul {
		gap: 8px;
	}
	html.ora-fiok.route-account-account #content > .content > ul > li > a {
		min-height: 56px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media (max-width: 991px) {
	/* rendeléslista: soronként kártya */
	html.ora-fiok.route-account-order #content .table-responsive {
		overflow: visible;
	}
	html.ora-fiok.route-account-order #content table.table,
	html.ora-fiok.route-account-order #content table.table > tbody,
	html.ora-fiok.route-account-order #content table.table > tbody > tr {
		display: block;
	}
	html.ora-fiok.route-account-order #content table.table {
		background: none;
		border: 0 !important;
		box-shadow: none;
		overflow: visible;
	}
	html.ora-fiok.route-account-order #content table.table > thead {
		display: none;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr {
		position: relative;
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 2px 12px;
		margin: 0 0 12px;
		padding: 14px 64px 14px 16px;
		background: #fff;
		border: 1px solid var(--of-line);
		border-radius: 12px;
		box-shadow: 0 2px 6px rgba(32, 43, 45, 0.04);
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td {
		display: block;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
		background: none !important;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(1) {
		grid-column: 1;
		font-size: 16px;
		font-weight: 700;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(6) {
		grid-column: 2;
		grid-row: 1;
		font-size: 16px;
		font-weight: 700;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(2),
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(3) {
		grid-column: 1 / -1;
		font-size: 14px;
		color: var(--of-muted);
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(2) {
		color: var(--of-ink);
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(4),
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(5) {
		display: none;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:nth-child(7) {
		position: absolute;
		right: 14px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* rendeléslistán a kártyán a gomb csak ikon */
	html.ora-fiok.route-account-order body #content table.table td:last-child .btn::after {
		content: none;
	}
	html.ora-fiok.route-account-order body #content table.table td:last-child .btn {
		width: 38px;
		padding: 0;
	}
	html.ora-fiok.route-account-order #content table.table > tbody > tr > td:is(:nth-child(1), :nth-child(6)) {
		font-weight: 700 !important;
		color: var(--of-ink) !important;
	}
}