/* ==========================================================================
   BookieFinder — Global responsive guards
   ========================================================================== */
img, iframe, svg, video { max-width: 100%; }
@media (max-width: 640px) {
	.bf-section-head { flex-direction: column; align-items: flex-start; gap: 8px; }
	.bf-section, .bf-widget-card { padding: 18px 16px; }
}

/* ---- Mobile bottom navigation (shown only on phones) ---- */
.bf-mobile-bottom-bar { display: none; }
@media (max-width: 767px) {
	body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
	.bf-mobile-bottom-bar {
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 90;
		display: flex;
		justify-content: space-around;
		align-items: stretch;
		min-height: 64px;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background: var(--bf-white);
		border-top: 1px solid var(--bf-border);
		box-shadow: 0 -2px 12px rgba(11, 42, 30, .08);
	}
	.bf-mobile-bottom-bar a {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		min-height: 64px;
		padding: 4px 2px;
		font-size: 12px;
		font-weight: 600;
		letter-spacing: .02em;
		color: var(--bf-muted);
		text-decoration: none;
	}
	.bf-mobile-bottom-bar svg { width: 22px; height: 22px; }
	.bf-mobile-bottom-bar a:hover,
	.bf-mobile-bottom-bar a.is-current { color: var(--bf-brand); }
	.bf-mobile-bottom-bar a.is-current { box-shadow: inset 0 3px 0 var(--bf-accent, var(--bf-brand)); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}