/* Quoker Manager front-end: countdown + event cards. Leans on theme tokens. */

.qkm-tiles { margin-bottom: 1.5rem; }

.qkm-countdown { text-align: center; margin: 2rem auto 2.5rem; }
.qkm-countdown-label {
	font-family: var(--wp--preset--font-family--accent, Georgia);
	font-style: italic; font-size: 1.15rem;
	color: var(--wp--preset--color--gold, #c9a95c); margin: 0 0 0.9rem;
}
.qkm-countdown-grid { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.qkm-cell {
	background: radial-gradient(ellipse at 50% 30%, #17503f 0%, #0d332a 100%);
	border: 1px solid rgba(201, 169, 92, 0.45); border-radius: 10px;
	min-width: 82px; padding: 0.8rem 0.6rem 0.65rem;
	box-shadow: 0 8px 22px rgba(0,0,0,0.4);
}
.qkm-num {
	display: block; font-family: var(--wp--preset--font-family--display, serif);
	font-weight: 700; font-size: 2rem; line-height: 1;
	color: var(--wp--preset--color--parchment, #e8dcb4);
}
.qkm-unit {
	display: block; margin-top: 0.35rem; font-size: 0.68rem;
	letter-spacing: 0.12em; text-transform: uppercase;
	color: rgba(242, 236, 220, 0.7);
}
.qkm-live, .qkm-finished { text-align: center; font-size: 1.1rem; margin: 1.75rem 0; }
.qkm-live { color: var(--wp--preset--color--parchment, #e8dcb4); font-weight: 600; }
.qkm-finished { color: rgba(242, 236, 220, 0.75); }

.qkm-events-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1rem; margin: 1.75rem 0; }
.qkm-event-card h3 { margin: 0 0 0.4rem; }
.qkm-event-card .qkm-meta { color: rgba(242, 236, 220, 0.8); font-size: 0.95rem; }
.qkm-event-card .wp-block-button__link { display: inline-block; margin-top: 0.5rem; }
.qkm-past { opacity: 0.6; }
.qkm-lock { font-size: 0.85em; }

@media (max-width: 480px) {
	.qkm-cell { min-width: 68px; }
	.qkm-num { font-size: 1.6rem; }
}