/* ===== PERFORMANCE & SMOOTH SCROLLING ===== */

/* Optimize scrolling performance */
html {
	scroll-behavior: auto; /* Use auto for better performance, smooth applied via JS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	will-change: auto;
}

/* Prevent white screen during fast scrolling */
body {
	will-change: auto;
	contain: layout style paint;
}

/* GPU acceleration for smoother animations */
.reveal,
.hero,
main,
.top-nav,
.site-footer,
.strip-card,
.food-card,
.gallery-item,
.experience-details article,
.highlight-item {
	will-change: auto;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Optimize image rendering */
img {
	image-rendering: -webkit-optimize-contrast;
	display: block;
	max-width: 100%;
	height: auto;
}

/* Smooth transitions for interactive elements */
a,
button,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Fix layout shift */
body::before {
	will-change: auto;
}

/* Optimize scrollbar */
::-webkit-scrollbar {
	width: 8px;
	background: rgba(255, 223, 189, 0.1);
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 138, 0, 0.5);
	border-radius: 4px;
	transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 138, 0, 0.8);
}