/* Critical CSS for above-the-fold content - home-flip.php */
main {
	background-color: #FFFFFF;
}

/* Critical styles for immediate render - extracted for hotel-search-container */
section.hotel-search-container {
	position: relative;
	display: block;
	margin-bottom: 2rem;
	height: 400px;
	width: 100%;
	background-image: linear-gradient(to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%,
		rgba(255, 255, 255, 1) 100%);
	background-color: #f0f4f8;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* Add transition for smooth image loading */
	transition: background-image 0.3s ease-in-out;
}

/* High quality image loaded via JavaScript after critical content */
section.hotel-search-container.image-loaded {
	/* background-image: linear-gradient(to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%,
		rgba(255, 255, 255, 1) 100%), url('../../assets/flip/resort-1.webp'); */
}

.search-card {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	padding: 24px;
	border-radius: 24px;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 44px 0px #A1A1A140;
	width: 90%;
	margin: 0 auto;
	backdrop-filter: blur(10px);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.search-card:hover {
	transform: translateY(-2px);
	box-shadow: 0px 15px 60px 0px #A1A1A155;
}

.search-input-wrapper {
	border: 1px solid #E7E7E7;
	padding: 12px;
	border-radius: 8px;
	column-gap: 4px;
	display: flex;
	align-items: center;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.search-input-wrapper:focus-within {
	border-color: #FD6542;
	box-shadow: 0 0 0 3px rgba(253, 101, 66, 0.1);
	background-color: #FFFFFF;
}

.search-input-wrapper input {
	border: none;
	width: 80%;
	font-family: 'Samsung Sans';
	font-size: 1rem;
	font-weight: 500;
	padding-left: .5rem;
	background: transparent;
	color: #2D3A45;
}

.search-input-wrapper input::placeholder {
	color: #9CA4AB;
	transition: color 0.3s ease;
}

.search-input-wrapper:focus-within input::placeholder {
	color: #CCCCCC;
}

.search-input-wrapper input:focus {
	outline: none;
}

.search-input-wrapper i {
	color: #757575;
	transition: color 0.3s ease;
}

.search-input-wrapper:focus-within i {
	color: #FD6542;
}

/* Search button critical styles */
.search-button-container {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

.search-button-container button {
	border: none;
	background-color: #FD6542;
	color: #FFFFFF;
	border-radius: 32px;
	padding: 1rem;
	width: 100%;
	font-weight: 600;
	font-size: 1rem;
	font-family: 'Samsung Sans';
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #FD6542 0%, #E5593B 100%);
	border: 2px solid transparent;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(253, 101, 66, 0.2);
}

.iframe-header iframe {
	width: 100%;
	height: 100%;
}

.iframe-content iframe {
	width: 100%;
	height: 100%;
}

.home-background {
	position: relative;
	display: block;
	margin-bottom: 2rem;
	height: 400px;
	width: 100%;
	background-image: linear-gradient(to bottom,
	rgba(255, 255, 255, 0) 0%,
	rgba(255, 255, 255, 1) 100%,
	rgba(255, 255, 255, 1) 100%), url('../../assets/flip/resort-1.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Minimal reset for critical elements */
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

/* Basic link styles */
a {
	text-decoration: none;
}

/* Critical responsive breakpoints */
@media (min-width: 1024px) {
	.search-card {
		width: 70%;
		max-width: 600px;
		padding: 1.5rem;
		border-radius: 28px;
		bottom: -60px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.search-card {
		width: 85%;
		max-width: 500px;
		padding: 1.25rem;
		border-radius: 26px;
		bottom: -55px;
	}
}