/* Member gate (inc/gate.php): blurred skeleton rows behind a centred card with the sign-up and log-in buttons. */
.gate { position: relative; margin: var(--space-4) 0; border-radius: var(--radius-m); overflow: hidden; min-height: 260px; background: var(--c-bg); border: 1px solid var(--c-border); }
.gate__blur { padding: var(--space-5); filter: blur(6px); opacity: 0.55; user-select: none; pointer-events: none; }
.gate__row { display: grid; grid-template-columns: minmax(80px, 1fr) 3fr auto; gap: var(--space-3); align-items: center; padding: 0.55rem 0; border-bottom: 1px solid var(--c-border); }
.gate__cell { display: block; height: 0.9rem; border-radius: 999px; background: var(--c-border); }
.gate__cell--bar { height: 0.75rem; background: var(--c-primary-100); }
.gate__cell--num { width: auto; height: auto; background: none; font-weight: 600; color: var(--c-text); font-variant-numeric: tabular-nums; }
.gate__card { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; text-align: center; padding: var(--space-5); background: linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0.95)); }
.gate__icon { color: var(--c-accent-700); margin-bottom: var(--space-2); }
.gate__title { font-size: 1.2rem; margin: 0 0 var(--space-2); }
.gate__text { max-width: 36rem; margin: 0 0 var(--space-2); color: var(--c-text); }
.gate__free { margin: 0 0 var(--space-4); font-size: 0.9rem; color: var(--c-muted); }
.gate__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: center; margin: 0; }
@media (max-width: 600px) {
	.gate { min-height: 300px; }
	.gate__row { grid-template-columns: 1fr 2fr auto; }
	.gate__card { padding: var(--space-4); }
}