/**
 * Utility Page Styles — 404, Search
 *
 * @package Vessel_Charter
 * @since   1.2.0
 */

.error-404-premium {
	min-height: 60vh;
	display: flex;
	align-items: center;
}

.error-404-illustration {
	margin-bottom: 1.5rem;
}

.error-404-premium .error-title {
	font-size: 2rem;
	margin-bottom: 1rem;
}

.error-404-premium .error-message {
	color: var(--vc-gray);
	max-width: 520px;
	margin: 0 auto 1.5rem;
}

.error-search {
	max-width: 480px;
	margin: 0 auto;
}

.error-search .input-group {
	background: var(--vc-white);
	border: 1px solid var(--vc-border);
	border-radius: var(--radius-md);
	overflow: hidden;
	padding: 0.25rem;
	box-shadow: var(--shadow-sm);
}

.search-hero {
	padding-bottom: 60px;
}

.search-hero-form {
	max-width: 520px;
}

.search-hero-form .search-form .input-group {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: var(--radius-md);
	padding: 0.25rem;
}

.search-hero-form .form-control {
	background: transparent;
	border: none;
	color: var(--vc-white);
}

.search-hero-form .form-control::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.search-results-count {
	font-size: 0.9375rem;
	color: var(--vc-gray);
}

.search-empty-state .empty-state-icon i {
	font-size: 3.5rem;
	color: var(--vc-ocean);
	opacity: 0.5;
}