.search-icon {
	cursor: pointer;
}

.close-modal {
	cursor: pointer;
}

#searchModal .modal-header {
	border-bottom: 0;
}

#searchModal .modal-content {
	border: none;
	border-radius: 7px;
	background-color: var(--e-global-color-secondary);
}

.search-form-button {
	border: none !important;
	outline: none !important;
	display: flex;
	padding: 13px 20px 10px 20px;
	box-shadow: none !important;
}

.search-form-button:focus,
.search-form-button:active,
.search-form-button:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.search-input {
	border: none !important;
	outline: none !important;
}

.search-input:focus,
.search-input:active,
.search-input:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.custom-search-form .form-control:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
}

.custom-search-form .input-group {
	border: none !important;
	outline: none !important;
}

.custom-search-form .input-group > * {
	border: none !important;
	outline: none !important;
}

/* Bootstrap override for seamless integration */
.custom-search-form .input-group .form-control {
	border-right: none !important;
}

.custom-search-form .input-group .btn {
	border-left: none !important;
}

.custom-search-form .input-group-text {
	border: none !important;
	background: transparent !important;
}

/* Remove any Bootstrap button styling that might interfere */
.custom-search-form .btn:focus,
.custom-search-form .btn:active,
.custom-search-form .btn.active {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Remove the hover style to let Elementor controls handle it */
/* .search-form-button:hover styles are now controlled by Elementor widget */

.search-logo img {
	width: 100px;
}

body.modal-open {
	overflow: hidden;
	padding-right: 0 !important;
}