/* WP Floor Auction V2 - Public TV screen */

/*.wpfloor-v2-public {*/
/*	--wpfloor-bg: #0b1220;*/
/*	--wpfloor-panel: #131c2e;*/
/*	--wpfloor-border: #243049;*/
/*	--wpfloor-text: #e8eef9;*/
/*	--wpfloor-muted: #8a97ad;*/
/*	box-sizing: border-box;*/
/*	background: var(--wpfloor-bg);*/
/*	color: var(--wpfloor-text);*/
/*	padding: 24px;*/
/*	min-height: 100vh;*/
/*	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
/*}*/

/*.wpfloor-v2-public * {*/
/*	box-sizing: border-box;*/
/*}*/

/*.wpfloor-v2-public h3 {*/
/*	color: var(--wpfloor-muted);*/
/*	font-size: 18px;*/
/*	text-transform: uppercase;*/
/*	letter-spacing: 1px;*/
/*	margin: 0 0 12px;*/
/*}*/

/* Focus header */
/*.wpfloor-v2-focus {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: space-between;*/
/*	gap: 24px;*/
/*	background: var(--wpfloor-panel);*/
/*	border: 1px solid var(--wpfloor-border);*/
/*	border-radius: 16px;*/
/*	padding: 24px 32px;*/
/*	margin-bottom: 24px;*/
/*}*/

/*.wpfloor-v2-route-name {*/
/*	font-size: 40px;*/
/*	font-weight: 800;*/
/*	line-height: 1.1;*/
/*}*/

/*.wpfloor-v2-session-box {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 32px;*/
/*}*/

/*.wpfloor-v2-session-agency {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 16px;*/
/*}*/

/*.wpfloor-v2-avatar {*/
/*	width: 72px;*/
/*	height: 72px;*/
/*	border-radius: 50%;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	font-size: 32px;*/
/*	font-weight: 700;*/
/*	color: #fff;*/
/*	overflow: hidden;*/
/*	background: #444;*/
/*}*/

/*.wpfloor-v2-avatar img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	object-fit: cover;*/
/*}*/

/*.wpfloor-v2-stt {*/
/*	font-size: 22px;*/
/*	color: var(--wpfloor-muted);*/
/*	font-weight: 600;*/
/*}*/

/*.wpfloor-v2-agency-name {*/
/*	font-size: 30px;*/
/*	font-weight: 700;*/
/*}*/

/*.wpfloor-v2-countdown {*/
/*	font-size: 88px;*/
/*	font-weight: 800;*/
/*	font-variant-numeric: tabular-nums;*/
/*	color: #5ad19a;*/
/*	line-height: 1;*/
/*}*/

/*.wpfloor-v2-countdown.is-expired {*/
/*	color: #ff6b6b;*/
/*}*/

/*.wpfloor-v2-session-status {*/
/*	font-size: 18px;*/
/*	color: var(--wpfloor-muted);*/
/*}*/

/* Apartment grid */
/*.wpfloor-v2-grid-wrap {*/
/*	margin-bottom: 24px;*/
/*}*/

/*.wpfloor-v2-grid {*/
/*	display: grid;*/
/*	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));*/
/*	gap: 10px;*/
/*}*/

/*.wpfloor-cell {*/
/*	position: relative;*/
/*	aspect-ratio: 1 / 1;*/
/*	border-radius: 10px;*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	padding: 6px;*/
/*	text-align: center;*/
/*	overflow: hidden;*/
/*}*/

/*.wpfloor-cell.is-available {*/
/*	background: #f4f6fb;*/
/*	color: #1c2333;*/
/*	border: 1px solid #d4dae6;*/
/*}*/

/*.wpfloor-cell.is-sold {*/
/*	color: #fff;*/
/*}*/

/*.wpfloor-cell-code {*/
/*	font-size: 18px;*/
/*	font-weight: 700;*/
/*	line-height: 1.2;*/
/*}*/

/*.wpfloor-cell-agency {*/
/*	font-size: 12px;*/
/*	margin-top: 4px;*/
/*	opacity: 0.9;*/
/*	max-width: 100%;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*	white-space: nowrap;*/
/*}*/

/*.wpfloor-cell-logo {*/
/*	width: 28px;*/
/*	height: 28px;*/
/*	border-radius: 50%;*/
/*	object-fit: cover;*/
/*	margin-bottom: 4px;*/
/*}*/

/* Slots list */
/*.wpfloor-v2-slots {*/
/*	display: grid;*/
/*	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));*/
/*	gap: 8px;*/
/*}*/

/*.wpfloor-slot {*/
/*	display: grid;*/
/*	grid-template-columns: 36px 1fr auto;*/
/*	grid-template-areas:*/
/*		"stt name bought"*/
/*		"stt status bought";*/
/*	align-items: center;*/
/*	gap: 2px 10px;*/
/*	background: var(--wpfloor-panel);*/
/*	border: 1px solid var(--wpfloor-border);*/
/*	border-left-width: 5px;*/
/*	border-radius: 10px;*/
/*	padding: 10px 12px;*/
/*}*/

/*.wpfloor-slot-stt {*/
/*	grid-area: stt;*/
/*	font-size: 22px;*/
/*	font-weight: 800;*/
/*	text-align: center;*/
/*	color: var(--wpfloor-muted);*/
/*}*/

/*.wpfloor-slot-name {*/
/*	grid-area: name;*/
/*	font-weight: 600;*/
/*	overflow: hidden;*/
/*	text-overflow: ellipsis;*/
/*	white-space: nowrap;*/
/*}*/

/*.wpfloor-slot-status {*/
/*	grid-area: status;*/
/*	font-size: 13px;*/
/*	color: var(--wpfloor-muted);*/
/*}*/

/*.wpfloor-slot-bought {*/
/*	grid-area: bought;*/
/*	font-size: 26px;*/
/*	font-weight: 800;*/
/*}*/

/*.wpfloor-slot-pending {*/
/*	border-left-color: #8a97ad;*/
/*}*/

/*.wpfloor-slot-processing {*/
/*	border-left-color: #2271b1;*/
/*}*/

/*.wpfloor-slot-success {*/
/*	border-left-color: #00a32a;*/
/*}*/

/*.wpfloor-slot-fail {*/
/*	border-left-color: #d63638;*/
/*}*/

/*.wpfloor-v2-public-error {*/
/*	padding: 16px;*/
/*	background: #fbeaea;*/
/*	color: #8a1f1f;*/
/*	border: 1px solid #e0b4b4;*/
/*	border-radius: 8px;*/
/*}*/

/*@media ( max-width: 782px ) {*/
/*	.wpfloor-v2-focus {*/
/*		flex-direction: column;*/
/*		align-items: flex-start;*/
/*	}*/

/*	.wpfloor-v2-countdown {*/
/*		font-size: 56px;*/
/*	}*/

/*	.wpfloor-v2-route-name {*/
/*		font-size: 28px;*/
/*	}*/
/*}*/

/* =========================================================
   Widget shortcodes (standalone, self-contained colors)
   ========================================================= */

/*.wpfloor-widget {*/
/*	box-sizing: border-box;*/
/*	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;*/
/*	color: #1c2333;*/
/*}*/

/*.wpfloor-widget * {*/
/*	box-sizing: border-box;*/
/*}*/

/*.wpfloor-widget-empty,*/
/*.wpfloor-widget-note {*/
/*	padding: 12px 16px;*/
/*	background: #f4f6fb;*/
/*	border: 1px dashed #c5cee0;*/
/*	border-radius: 8px;*/
/*	color: #5a6781;*/
/*	font-size: 14px;*/
/*	text-align: center;*/
/*}*/

/*.wpfloor-widget-note {*/
/*	margin-bottom: 10px;*/
/*}*/

/* Countdown widget */
.wpfloor-widget-countdown {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 20px 24px;
	background:  transparent;
	/*color: #e8eef9;*/
	border-radius: 16px;
}

.wpfloor-wcd-route {
	font-size: 22px;
	font-weight: 800;
}

.wpfloor-wcd-agency {
	font-size: 16px;
	color: #8a97ad;
}

.wpfloor-wcd-timer {
	font-size: 64px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	color: #5ad19a;
}

.wpfloor-wcd-timer.is-expired {
	color: #ff6b6b;
}

/* Apartment grid (lists) */
.wpfloor-widget .wpfloor-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	gap: 8px;
}

.wpfloor-widget .wpfloor-cell {
	position: relative;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 4px;
	text-align: center;
	overflow: hidden;
}

.wpfloor-widget .wpfloor-cell.is-available {
	background: #f4f6fb;
	color: #1c2333;
	border: 1px solid #d4dae6;
}

.wpfloor-widget .wpfloor-cell.is-sold {
	color: #fff;
}

.wpfloor-widget .wpfloor-cell-code {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.wpfloor-widget .wpfloor-cell-agency {
	font-size: 10px;
	margin-top: 2px;
	opacity: 0.9;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wpfloor-widget .wpfloor-cell-logo {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 2px;
}

/* Slot lists */
.wpfloor-widget .wpfloor-slots {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 8px;
}

.wpfloor-widget .wpfloor-slot {
	display: grid;
	grid-template-columns: 36px 1fr auto;
	grid-template-areas:
		"stt name bought"
		"stt status bought";
	align-items: center;
	gap: 2px 10px;
	background: #fff;
	border: 1px solid #e2e6ef;
	border-left-width: 5px;
	border-radius: 10px;
	padding: 10px 12px;
}

.wpfloor-widget .wpfloor-slot-stt {
	grid-area: stt;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	color: #8a97ad;
}

.wpfloor-widget .wpfloor-slot-name {
	grid-area: name;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wpfloor-widget .wpfloor-slot-status {
	grid-area: status;
	font-size: 12px;
	color: #8a97ad;
}

.wpfloor-widget .wpfloor-slot-bought {
	grid-area: bought;
	font-size: 24px;
	font-weight: 800;
}

.wpfloor-widget .wpfloor-slot-pending {
	border-left-color: #8a97ad;
}

.wpfloor-widget .wpfloor-slot-processing {
	border-left-color: #2271b1;
}

.wpfloor-widget .wpfloor-slot-success {
	border-left-color: #00a32a;
}

.wpfloor-widget .wpfloor-slot-fail {
	border-left-color: #d63638;
}

/* =========================================================
   Congrats overlay (countdown widget)
   ========================================================= */

.wpfloor-widget-countdown {
	position: relative;
	overflow: hidden;
}

.wpfloor-congrats-overlay {
	position: absolute;
	inset: 0;
	background: rgba( 0, 0, 0, 0.88 );
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: inherit;
	z-index: 10;
	animation: wpfloor-fadein 0.4s ease;
}

@keyframes wpfloor-fadein {
	from { opacity: 0; transform: scale( 0.92 ); }
	to   { opacity: 1; transform: scale( 1 ); }
}

.wpfloor-congrats-body {
	text-align: center;
	color: #fff;
	padding: 24px;
}

.wpfloor-congrats-title {
	font-size: 32px;
	font-weight: 800;
	color: #ffd700;
	margin-bottom: 10px;
}

.wpfloor-congrats-agency {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 6px;
}

.wpfloor-congrats-apt {
	font-size: 18px;
	color: #a8d8a8;
	margin-bottom: 14px;
}

.wpfloor-congrats-cd {
	font-size: 48px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #ffd700;
	line-height: 1;
}
