/* Custom global styles (kept minimal since Tailwind handles most) */
html, body {
	scroll-behavior: smooth;
}

/* Performance optimizations */
* {
	box-sizing: border-box;
}

img {
	content-visibility: auto;
	contain: layout style paint;
}

/* Optimize animations for better performance */
@media (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Smooth animations for scroll-triggered elements */
.animate-on-scroll {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-fade-in {
	opacity: 1;
	transform: translateY(0);
}

/* Optimize hover effects */
.group:hover .group-hover\:scale-\[1\.03\] {
	transform: scale(1.03);
	will-change: transform;
}

.group:hover .group-hover\:scale-\[1\.06\] {
	transform: scale(1.06);
	will-change: transform;
}

/* Example dark mode hook (optional) */
.dark body {
	background-color: #0b1220;
	color: #e5e7eb;
}

/* Form message colors */
#form-message.success { color: #16a34a; }
#form-message.error { color: #dc2626; }

/* Header behavior: when scrolled, remove rounding and go full width */
.nav-solid {
	margin-top: 0 !important;
	max-width: none !important;
	border-radius: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nav-solid nav {
	border-radius: 0 !important;
	width: 100% !important;
	background-color: rgba(255,255,255,0.98) !important;
	border: none !important;
}

/* Drawer open state helper */
.drawer-open {
	transform: translateX(0) !important;
}

/* Gallery helpers for smooth hover */
.gallery-tile img {
	transition: transform 300ms ease;
}
.gallery-tile:hover img {
	transform: scale(1.04);
}

/* Location tabs underline */
.location-tab {
	border-bottom: 2px solid transparent;
}
.location-tab:hover {
	color: #0f172a;
}
.location-tab-active {
	color: #0f172a !important;
	border-bottom-color: #f59e0b !important;
}

/* Enquire sidebar */
#enquire-panel {
	transform: translateX(100%);
	transition: transform 300ms ease;
}
#enquire-panel.enquire-open {
	transform: translateX(0);
}

#enquire-toggle {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}


.success {
	color: #16a34a;
}