/**
 * Vaszil Fiók — Foglalásaim (My Bookings V3) megjelenés.
 * BookingPress UI namespace: bp-table__* (nem el-table__*).
 */

.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp--filter-wrapper,
.bpa-frontend-my-bookings-vue3 .bpa-front-cp--filter-wrapper,
.bpa-front-cp-body .bpa-front-cp--filter-wrapper {
	display: none !important;
}

.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-sd__appointment-id,
.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-sd__appointment-id,
.bpa-front-cp-my-appointment .bpa-sd__appointment-id {
	display: none !important;
}

/* Fejléc + összecsukható sorok elrejtése — csak sikeres kártya-lenyitás után. */
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__header-wrapper,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__header,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__body tr.bp-table__row,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__header-wrapper,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__header,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment thead,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment colgroup,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__body tr.el-table__row:not(.el-table__expanded-row) {
	display: none !important;
}

/* Lenyitott kártya sorok. */
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment tr:has(> td.bp-table__expanded-cell),
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment tr:has(> td.el-table__expanded-cell),
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__body tr.el-table__row.el-table__expanded-row {
	display: table-row !important;
}

/* Ha a kártya-lenyitás nem sikerül, maradjon látható a táblázat. */
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .bp-table__header-wrapper,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .bp-table__header,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .el-table__header-wrapper,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .el-table__header,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment thead,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment colgroup,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .bp-table__body tr.bp-table__row,
.bpa-front-mb-v3__inner.vaszil-fiok-table-fallback .bpa-front-cp-my-appointment .el-table__body tr.el-table__row {
	display: revert !important;
}

.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__expand-column,
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__expand-column {
	display: none !important;
}

.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bp-table__expanded-cell,
.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .el-table__expanded-cell,
.bpa-front-cp-my-appointment .bp-table__expanded-cell,
.bpa-front-cp-my-appointment .el-table__expanded-cell {
	padding: 0 !important;
	border-bottom: none !important;
}

.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-front-ma-view-appointment-card,
.bpa-front-cp-my-appointment .bpa-front-ma-view-appointment-card {
	margin-bottom: 16px;
}

/* Fizetési blokk elrejtése (helyi fizetésnél fölösleges). */
.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--payment-details:not(.bpa-ma-vac--multiservice-section),
.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bpa-ma-vac--payment-details:not(.bpa-ma-vac--multiservice-section),
.bpa-front-cp-my-appointment .bpa-ma-vac--payment-details:not(.bpa-ma-vac--multiservice-section),
.bpa-front-cp-my-appointment .bpa-front-cp-ma__amount-row {
	display: none !important;
}

.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bp-table::before,
.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .el-table::before,
.bpa-front-cp-my-appointment .bp-table::before,
.bpa-front-cp-my-appointment .el-table::before {
	display: none !important;
}

/* Beépített popconfirm elrejtése — helyette MessageBox modal. */
.booking-cancel-confirm-wrapper,
.bp-ui-popconfirm--ma-cancel {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.booking-cancel-confirm-wrapper .bpa-front-rcrm-cancel-title,
.bpa-front-cp-cancel-mob-drawer .bpa-front-rcrm-cancel-title {
	display: none !important;
}

.el-message-box.vaszil-cancel-confirm-box {
	min-width: 420px;
	max-width: 90vw;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__container {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 12px;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__status.el-icon-warning {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border-radius: 50%;
	background-color: var(--bpa-sc-danger, #ee2445);
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__status.el-icon-warning::before {
	line-height: 1;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__message {
	flex: 1 1 auto;
	padding: 0 !important;
	margin: 0 !important;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__message p {
	margin: 0;
	line-height: 1.4;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__btns .el-button--primary {
	background-color: var(--bpa-pt-secondary-orange, #f5ae41) !important;
	border-color: var(--bpa-pt-secondary-orange, #f5ae41) !important;
	color: #fff !important;
}

.el-message-box.vaszil-cancel-confirm-box .el-message-box__btns .el-button--primary:hover,
.el-message-box.vaszil-cancel-confirm-box .el-message-box__btns .el-button--primary:focus {
	background-color: var(--bpa-pt-secondary-orange-darker, #eca335) !important;
	border-color: var(--bpa-pt-secondary-orange-darker, #eca335) !important;
	color: #fff !important;
}

.el-message-box__wrapper:has(.vaszil-cancel-confirm-box) {
	z-index: 999999 !important;
}

.vaszil-cancel-confirm-box {
	z-index: 999999 !important;
}

/*
 * Mobil (≤921px, Astra mobil töréspont) — vízszintes görgetés nélküli kártyák.
 * 1) Táblázat-burok feloldása: a lenyitott sor ne örökölje az oszlop-minimum szélességet.
 * 2) Kártya belső mezők egymás alá: dátum/idő, címkék, gombok.
 */
@media (max-width: 921px) {
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__body-wrapper,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__body-wrapper,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__inner-wrapper,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__inner-wrapper {
		overflow-x: visible !important;
		overflow-y: visible !important;
	}

	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		display: block !important;
	}

	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bp-table__body,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__body,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment tbody {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment tr:has(> td.bp-table__expanded-cell),
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment tr:has(> td.el-table__expanded-cell),
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .el-table__body tr.el-table__row.el-table__expanded-row {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment td.bp-table__expanded-cell,
	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment td.el-table__expanded-cell {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.bpa-front-mb-v3__inner.vaszil-fiok-my-bookings-ready .bpa-front-cp-my-appointment .bpa-front-ma-view-appointment-card {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--head {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--head__right {
		align-self: flex-start;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-vac-bd__row {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-bd__item {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-item--val {
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-vac-pd__item {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 4px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-vac-pd__label,
	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-vac-pd__val {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		text-align: left !important;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--action-btn-group {
		flex-wrap: wrap !important;
		gap: 8px;
		justify-content: flex-start !important;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--action-btn-group .bpa-front-btn,
	.bpa-frontend-my-bookings-vue3 .bpa-front-cp-my-appointment .bpa-ma-vac--action-btn-group bp-ui-button {
		max-width: 100%;
	}

	.bpa-frontend-my-bookings-vue3 .bpa-front-mb-v3__inner {
		max-width: 100%;
		overflow-x: clip;
	}
}