/**
	* Child-Theme SEARCH MODAL Style
*/

/* Color Set
	Vermelho: 	#BA2229
	Preto: 		#1A1919
*/
:root {
	--vmm-red: #BA2229;
	--vmm-black: #1A1919;
	--vmm-white: #FFFFFF;
}

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

.bglbc-pesquisar {
	 top: 5px;
}

.bglbc-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(37, 9, 9, 0.55);
	backdrop-filter: blur(8px);
}

.bglbc-modal-bg {
	display: none; /* já não é necessário, o fundo é do próprio modal */
}

.bglbc-modal-content {
	position: absolute;
	left: 50%;
	top: 25vh;
	transform: translate(-50%, 0);
	width: 70vw;
	max-width: 900px;
	margin-left: 0;
	margin-right: 0;
	background: transparent;
	box-sizing: border-box;
	padding: 0;
}

.bglbc-pesquisar-barra {
	display: flex;
	align-items: center;
	width: 100%;
	background: transparent;
	border-radius: 0px;
	padding: 1.5rem 0;
	margin: 0;
	position: relative;
}

.bglbc-pesquisar-barra input#bglbc-pesquisar-input {
	flex: 1;
	margin-right: 20px;
	border: none !important;
	font-size: 3rem;
	background: rgba(126, 25, 30, 0.53);
	color: #fff;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	outline: none;
	padding: 0.75rem 1rem;
	border-radius: 0px !important;
	box-shadow: 0px 3px 0 0 white;
}
.bglbc-pesquisar-barra input#bglbc-pesquisar-input:focus {
	border-bottom: 2px solid var(--white) !important;
	background: rgba(126, 25, 30, 0.53);
}

.bglbc-pesquisar-barra input#bglbc-pesquisar-input::placeholder {
	color: #c77a7a;
	opacity: 1;
	font-family: 'Exo', sans-serif;
}

.bglbc-pesquisar-icon {
	background: none;
	border: none;
	padding: 0;
	margin-left: 1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
#bglbc-pesquisar-modal .bglbc-pesquisar-barra button {
	border-radius: 25px;
	width: 50px;
	height: 50px;
	padding-left: 8px!important;
	padding: 0;
}

.bglbc-pesquisar-icon img {
	width: 32px;
	height: 32px;
	display: block;
	filter: brightness(0) invert(1);
	transition: transform 0.2s, filter 0.2s;
}

.bglbc-pesquisar-icon img:hover,
.bglbc-pesquisar-icon:hover img {
	filter: brightness(0) invert(1) drop-shadow(0 0 6px #fff);
	transform: scale(1.15);
}

/* Objetivos de pesquisa - checkboxes customizados */
.bglbc-pesquisar-opcoes {
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin: 1rem 50px 0 0;
	color: #fff;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}

.bglbc-pesquisar-opcoes label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	text-transform: uppercase ;
	letter-spacing: 1px;
}

.bglbc-pesquisar-opcoes input[type="checkbox"] {
	appearance: none;
	width: 24px;
	height: 24px;
	border: 2px solid #BA2229;
	border-radius: 25px;
	background: #420e11;
	margin-right: 0.5rem;
	position: relative;
	cursor: pointer;
	outline: none;
	transition: border-color 0.2s;
}

.bglbc-pesquisar-opcoes input[type="checkbox"]:checked {
	background: #7e171c;
	border-color: #BA2229;
}

.bglbc-pesquisar-opcoes input[type="checkbox"]:checked::after {
	content: '';
	display: block;
	position: absolute;
	left: 6px;
	top: 3px;
	width: 7px;
	height: 12px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.bglbc-modal-close {
	position: absolute;
	top: 32px;
	right: 48px;
	background: none !important;
	border: 2px dotted rgb(198, 198, 198) !important;
	border-radius: 25px!important;
	color: #fff;
	font-size: 2.2rem;
	cursor: pointer;
	z-index: 10001;
	padding: 5px!important;
}
.bglbc-modal-close:hover {
	background-color: #BA2229 !important;
}
.bglbc-modal-close svg {
	width: 24px;
	height: 24px;
	display: block;
}