/* ------------------------------------------------------------ Search Page CSS ------------------------------------------- */
:root {
	--color-primary-blue: #c2e2de;
	--color-primary-red: #41b6a9;
	--color-primary-blue-dark: #374e5f;
}
/* General Page Styling */
.bahrasearch-page {
	/*     background-color: #fefaf4; */
	/* padding: 0px 9vw; */
}

.bahrasearch-box:hover {
	box-shadow: -3px 3px 0px 0px var(--color-primary-blue-dark);
	border-color: var(--color-primary-blue);
}

.bahrasearch-box:hover h2 {
	color: var(--color-primary-red);
}

/* Header Styles */
.bahrasearch-header {
	background: #f7952287;
	padding: 85px;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}

.bahrasearch-title {
	font-size: 36px;
	font-weight: 500;
	text-transform: uppercase;
	color: #222;
	line-height: inherit;
}

.bahrasearch-title span {
	font-weight: bold;
	font-style: italic;
	color: var(--color-primary-blue);
}

/* Results Wrapper */
/* .bahrasearch-results-wrapper {
	padding: 0 20px;
} */

/* Search Result Item Styling */
.bahrasearch-result-item {
	margin-bottom: 30px;
}

.bahrasearch-box {
	padding: 25px 80px 15px 20px;
	border: 1px solid var(--color-primary-blue);
	border-radius: 20px;
	position: relative;
	min-height: 110px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #000;
}

.bahrasearch-entry-header.bahrasearch-entry-header h2 {
	font-size: 20px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/* margin-bottom: 15px; */
}

.bahrasearch-entry-summary {
	font-size: 16px;
	color: #555;
	margin-bottom: 20px;
}

.bahrasearch-link-icon {
	position: absolute;
	right: 0;
	text-decoration: none;
	font-size: 30px;
	top: 0;
	background: var(--color-primary-red);
	border-radius: 0px 0px 0px 35px;
}

.bahrasearch-link-icon svg {
	width: 35px;
	height: 35px;
	margin: 18px;
}

.bahrasearch-link-icon:hover {
	color: #008b77;
}

/* Pagination */
.bahrasearch-pagination-wrapper {
	margin-block: 30px 6rem;
}

/* No Results Styling */
.bahrasearch-no-results {
	min-height: 500px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bahrasearch-no-results img {
	width: 200px;
	height: 200px;
	object-fit: contain;
}
.bahrasearch-no-results h2 {
	font-size: 28px;
	color: #333;
}

.bahrasearch-no-results p {
	font-size: 16px;
	color: #777;
}

.bahrasearch-pagination-wrapper ul.page-numbers {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.bahrasearch-pagination-wrapper ul.page-numbers li :is(span, a) {
	padding: 5px 10px;
	background-color: var(--color-gif);
	border-radius: 4px;
	font-weight: 500;
}

.bahrasearch-pagination-wrapper ul.page-numbers li span.current {
	color: var(--color-primary-red);
}
.he_search_page_btn .he_primary_btn {
	background-color: var(--color-primary-darkblue);
	color: #fff;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 8px;
}
input#open_search_input {
	padding: 10px 20px;
	font-size: 16px;
	background: #fff;
	border: 1px solid;
	border-radius: 10px 0 0 10px;
}
.wi_search_heding {
	padding: 7px 14px;
}
.wi_search_result {
	padding: 5px 14px;
}
.wi_search_result a {
	text-decoration: none;
	color: #000;
}
.wi_search_result:hover a {
	color: var(--color-primary-red);
}
button#cor_search_btn {
	color: #fff;
	background: #ff5354;
	border-radius: 0 10px 10px 0;
}
span.op_extra_info {
	font-size: 14px;
	line-height: 14px;
	color: #ff5354;
	font-weight: 600;
	margin-right: 10px;
}
span.op_extra_info span {
	color: #000;
}
.wi_search_results {
	--result-height: 300px;
	height: var(--result-height);
	max-height: var(--result-height);
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fff;
	padding-block: 0.5rem;
	border-radius: 6px;
	margin-top: 6px;
	border: 1px solid #bfbfbf;
	z-index: 3;
	top: 60px;
}
.wi_search_results {
	display: none;
}
.wi_search_results.active {
	display: block;
}
.wi_search_form {
	position: relative;
}