/* PickleHub PH v2.6.650 — mobile Open Play + Tournament card polish. */
html body:not(.wp-admin) .picklehub-venue-events-source-aligned,
html body:not(.wp-admin) .picklehub-venue-events-direct-render,
html body:not(.wp-admin) .picklehub-venue-event-archive,
html body:not(.wp-admin) .picklelapu-open-play-wrap,
html body:not(.wp-admin) .picklelapu-tournament-wrap {
	box-sizing: border-box !important;
	max-width: 100% !important;
	overflow-x: clip !important;
}
html body:not(.wp-admin) .picklehub-venue-events-grid,
html body:not(.wp-admin) .picklelapu-open-play-grid,
html body:not(.wp-admin) .picklelapu-tournament-grid,
html body:not(.wp-admin) .picklehub-tournament-shortcode-card-grid,
html body:not(.wp-admin) .picklehub-venue-event-list,
html body:not(.wp-admin) .picklehub-event-status-group {
	box-sizing: border-box !important;
	min-width: 0 !important;
	max-width: 100% !important;
}
html body:not(.wp-admin) .picklehub-venue-event-card,
html body:not(.wp-admin) .picklehub-venue-open-play-card,
html body:not(.wp-admin) .picklehub-venue-tournament-card,
html body:not(.wp-admin) [data-picklehub-direct-open-play-card="1"],
html body:not(.wp-admin) [data-picklehub-direct-tournaments-card="1"],
html body:not(.wp-admin) article.picklelapu-session-card,
html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card,
html body:not(.wp-admin) article.picklelapu-tournament-card,
html body:not(.wp-admin) .picklehub-tournament-shortcode-card,
html body:not(.wp-admin) a.picklehub-venue-event-row,
html body:not(.wp-admin) a[data-picklehub-event-venue-link="1"].picklehub-venue-event-row {
	-webkit-tap-highlight-color: rgba(15, 118, 110, 0.12) !important;
	isolation: isolate !important;
}
html body:not(.wp-admin) .picklehub-venue-event-empty {
	padding: 14px !important;
	border: 1px dashed rgba(15, 118, 110, 0.22) !important;
	border-radius: 18px !important;
	background: rgba(240, 253, 250, 0.72) !important;
	color: #64748b !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

@media (max-width: 760px) {
	html body:not(.wp-admin) .picklehub-venue-events-source-aligned,
	html body:not(.wp-admin) .picklehub-venue-events-direct-render,
	html body:not(.wp-admin) [data-picklehub-venue-events-source="1"],
	html body:not(.wp-admin) .picklehub-venue-event-archive,
	html body:not(.wp-admin) .picklelapu-open-play-wrap,
	html body:not(.wp-admin) .picklelapu-tournament-wrap {
		width: min(100%, calc(100vw - 22px)) !important;
		max-width: min(100%, calc(100vw - 22px)) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	html body:not(.wp-admin) .picklehub-venue-events-grid,
	html body:not(.wp-admin) .picklelapu-open-play-grid,
	html body:not(.wp-admin) .picklelapu-tournament-grid,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card-grid {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 14px !important;
		align-items: stretch !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card,
	html body:not(.wp-admin) .picklehub-venue-open-play-card,
	html body:not(.wp-admin) .picklehub-venue-tournament-card,
	html body:not(.wp-admin) [data-picklehub-direct-open-play-card="1"],
	html body:not(.wp-admin) [data-picklehub-direct-tournaments-card="1"],
	html body:not(.wp-admin) article.picklelapu-session-card,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card,
	html body:not(.wp-admin) article.picklelapu-tournament-card,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card {
		padding: 15px !important;
		border-radius: 22px !important;
		border-color: rgba(15, 118, 110, 0.14) !important;
		background: linear-gradient(180deg, #ffffff 0%, #f6fffb 100%) !important;
		box-shadow: 0 12px 28px rgba(15, 43, 31, 0.075) !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head,
	html body:not(.wp-admin) .picklehub-venue-event-card-head-with-link {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: start !important;
		gap: 10px !important;
		margin-bottom: 12px !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head-with-link > div {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		min-width: 0 !important;
		flex-wrap: wrap !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head span,
	html body:not(.wp-admin) .picklehub-marketplace-eyebrow {
		min-height: 30px !important;
		padding: 7px 10px !important;
		font-size: 10.5px !important;
		letter-spacing: 0.075em !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head strong {
		width: 32px !important;
		height: 32px !important;
		flex-basis: 32px !important;
		font-size: 16px !important;
		box-shadow: inset 0 0 0 1px rgba(22, 101, 52, 0.08) !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head-link,
	html body:not(.wp-admin) .picklehub-homepage-event-head-link {
		min-height: 30px !important;
		padding: 7px 10px !important;
		border-radius: 999px !important;
		font-size: 11.5px !important;
		white-space: nowrap !important;
		box-shadow: none !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-list.is-visible,
	html body:not(.wp-admin) .picklehub-venue-event-list {
		gap: 10px !important;
		margin-top: 8px !important;
	}
	html body:not(.wp-admin) a.picklehub-venue-event-row,
	html body:not(.wp-admin) a[data-picklehub-event-venue-link="1"].picklehub-venue-event-row,
	html body:not(.wp-admin) .picklehub-venue-event-row-visible {
		position: relative !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 9px !important;
		padding: 13px !important;
		border-radius: 18px !important;
		background: linear-gradient(135deg, #ffffff 0%, #effdf6 100%) !important;
		box-shadow: 0 8px 18px rgba(15, 43, 31, 0.06) !important;
		border-color: rgba(15, 118, 110, 0.13) !important;
	}
	html body:not(.wp-admin) a.picklehub-venue-event-row::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 auto 0 0 !important;
		width: 4px !important;
		border-radius: 18px 0 0 18px !important;
		background: linear-gradient(180deg, #10b981, #0f766e) !important;
		opacity: 0.95 !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-top,
	html body:not(.wp-admin) .picklelapu-session-top {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
		align-items: start !important;
		width: 100% !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-top strong,
	html body:not(.wp-admin) .picklehub-venue-event-row strong,
	html body:not(.wp-admin) article.picklelapu-session-card h3,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card h3,
	html body:not(.wp-admin) article.picklelapu-tournament-card h3,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card h3 {
		font-size: clamp(18px, 5.25vw, 21px) !important;
		line-height: 1.13 !important;
		letter-spacing: -0.025em !important;
		margin: 0 !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row small,
	html body:not(.wp-admin) article.picklelapu-session-card p,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card p,
	html body:not(.wp-admin) article.picklelapu-tournament-card p,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card p {
		font-size: 13px !important;
		line-height: 1.38 !important;
		font-weight: 750 !important;
		color: #64748b !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-top em,
	html body:not(.wp-admin) .picklehub-open-play-badges,
	html body:not(.wp-admin) .picklehub-tournament-badges {
		justify-self: start !important;
		justify-content: flex-start !important;
		gap: 6px !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-top em,
	html body:not(.wp-admin) .picklelapu-badge,
	html body:not(.wp-admin) [class*="picklelapu-badge-"] {
		min-height: 28px !important;
		padding: 6px 9px !important;
		font-size: 11.5px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-meta,
	html body:not(.wp-admin) .picklelapu-session-meta,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card .picklelapu-session-meta {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 7px !important;
		width: 100% !important;
		padding: 9px !important;
		border-radius: 16px !important;
		background: rgba(240, 253, 250, 0.82) !important;
		border: 1px solid rgba(20, 184, 166, 0.12) !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-meta b,
	html body:not(.wp-admin) .picklehub-event-join-pill,
	html body:not(.wp-admin) .picklelapu-session-meta .picklelapu-badge,
	html body:not(.wp-admin) .picklelapu-session-meta span,
	html body:not(.wp-admin) .picklelapu-session-meta b {
		width: auto !important;
		max-width: 100% !important;
		min-height: 30px !important;
		padding: 7px 10px !important;
		font-size: 11.8px !important;
		font-weight: 950 !important;
		white-space: normal !important;
		text-align: center !important;
	}
	html body:not(.wp-admin) .picklehub-event-join-pill,
	html body:not(.wp-admin) article.picklelapu-session-card > .picklelapu-button,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card > .picklelapu-button,
	html body:not(.wp-admin) article.picklelapu-tournament-card > .picklelapu-button,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card > .picklelapu-button,
	html body:not(.wp-admin) .picklelapu-session-card .picklelapu-join-open-play,
	html body:not(.wp-admin) .picklelapu-tournament-card a[href*="join"],
	html body:not(.wp-admin) .picklelapu-tournament-card a[href*="register"] {
		width: 100% !important;
		min-height: 44px !important;
		justify-self: stretch !important;
		align-self: stretch !important;
		margin: 2px 0 0 !important;
		border-radius: 15px !important;
		font-size: 13.5px !important;
		letter-spacing: -0.005em !important;
		box-shadow: 0 10px 20px rgba(15, 118, 110, 0.16) !important;
	}
	html body:not(.wp-admin) article.picklelapu-tournament-card > b,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card > b,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card > b {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: max-content !important;
		max-width: 100% !important;
		padding: 7px 11px !important;
		border-radius: 999px !important;
		background: #ecfdf5 !important;
		color: #166534 !important;
		border: 1px solid rgba(34, 197, 94, 0.18) !important;
		font-size: 12.5px !important;
		font-weight: 950 !important;
	}
	html body:not(.wp-admin) .picklehub-event-status-group.is-past {
		border-radius: 18px !important;
		background: #f8fafc !important;
		border: 1px solid rgba(15, 23, 42, 0.08) !important;
		padding: 10px !important;
	}
	html body:not(.wp-admin) .picklehub-event-status-group.is-past > summary {
		cursor: pointer !important;
		font-weight: 900 !important;
		color: #334155 !important;
		line-height: 1.2 !important;
	}
}

@media (max-width: 420px) {
	html body:not(.wp-admin) .picklehub-venue-events-source-aligned,
	html body:not(.wp-admin) .picklehub-venue-events-direct-render,
	html body:not(.wp-admin) [data-picklehub-venue-events-source="1"],
	html body:not(.wp-admin) .picklehub-venue-event-archive,
	html body:not(.wp-admin) .picklelapu-open-play-wrap,
	html body:not(.wp-admin) .picklelapu-tournament-wrap {
		width: min(100%, calc(100vw - 14px)) !important;
		max-width: min(100%, calc(100vw - 14px)) !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card,
	html body:not(.wp-admin) .picklehub-venue-open-play-card,
	html body:not(.wp-admin) .picklehub-venue-tournament-card,
	html body:not(.wp-admin) [data-picklehub-direct-open-play-card="1"],
	html body:not(.wp-admin) [data-picklehub-direct-tournaments-card="1"],
	html body:not(.wp-admin) article.picklelapu-session-card,
	html body:not(.wp-admin) article.picklehub-tournament-shortcode-card-card,
	html body:not(.wp-admin) article.picklelapu-tournament-card,
	html body:not(.wp-admin) .picklehub-tournament-shortcode-card {
		padding: 13px !important;
		border-radius: 20px !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head,
	html body:not(.wp-admin) .picklehub-venue-event-card-head-with-link {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head strong {
		justify-self: start !important;
		width: auto !important;
		min-width: 32px !important;
		padding: 0 10px !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-card-head-link,
	html body:not(.wp-admin) .picklehub-homepage-event-head-link {
		width: 100% !important;
	}
	html body:not(.wp-admin) .picklehub-venue-event-row-meta b:not(.picklehub-event-join-pill),
	html body:not(.wp-admin) .picklelapu-session-meta .picklelapu-badge,
	html body:not(.wp-admin) .picklelapu-session-meta span,
	html body:not(.wp-admin) .picklelapu-session-meta b {
		flex: 1 1 calc(50% - 7px) !important;
	}
}
