/* xl - DESKTOP STYLES */ 
@media (min-width: 1441px) {
  /*====================BARRA PESQUISA====================*/
  /*----------------------------------------------------------
    DESKTOP (largura mínima de 1024px)
    Define tamanhos e ícones específicos para a versão desktop.
  ----------------------------------------------------------*/
  .search-bar .jet-date-period__datepicker-button::after { /*seta dropdown*/
  	font-family: 'icon-font-skill';
  	content: "\eb96";
  	font-weight: 100;
    	font-size: 14px;
  }
  .search-bar .elementor-widget-jet-smart-filters-date-period, .search-bar .jet-date-period__datepicker-button, .search-bar .elementor-widget-jet-smart-filters-sorting {
  	min-width: 160px !important;
  	width: 160px !important;
  }
  .search-bar .jet-sorting-select {
  	min-width: 148px !important;
  	width: 148px !important;
  }
  .search-bar .jet-date-period__datepicker-button p {
  	margin-bottom: 0 !important;
  }
  
  /*----------------------------------------------------------
    ESTILO LOADING
    Define o comportamento do campo de pesquisa durante o
    carregamento e personaliza o botão de limpar.
  ----------------------------------------------------------*/
  
  .jet-search-filter__input-clear:hover .jet-search-filter__input-clear::after {
  	color: var(--e-global-color-accent);
  }
  
  /*----------------------------------------------------------
    DATE PICKERS & SORTING
    Ajusta ícones e aparência dos elementos de filtro
    de data e ordenação.
  ----------------------------------------------------------*/
  .search-bar .jet-sorting-select:hover, .search-bar .jet-sorting:hover .jet-sorting::after {
  	color: var(--e-global-color-accent) !important;
  }
}

/* lg - TABLET LANDSCAPE STYLES */ 
@media (min-width: 1024px) and (max-width: 1440px) {
  /*====================BARRA PESQUISA====================*/
  /*----------------------------------------------------------
    DESKTOP (largura mínima de 1024px)
    Define tamanhos e ícones específicos para a versão desktop.
  ----------------------------------------------------------*/
  .search-bar .jet-date-period__datepicker-button::after { /*seta dropdown*/
  	font-family: 'icon-font-skill';
  	content: "\eb96";
  	font-weight: 100;
    	font-size: 14px;
  }
  .search-bar .elementor-widget-jet-smart-filters-date-period, .search-bar .jet-date-period__datepicker-button, .search-bar .elementor-widget-jet-smart-filters-sorting {
  	min-width: 160px !important;
  	width: 160px !important;
  }
  .search-bar .jet-sorting-select {
  	min-width: 148px !important;
  	width: 148px !important;
  }
  .search-bar .jet-date-period__datepicker-button p {
  	margin-bottom: 0 !important;
  }
  
  /*----------------------------------------------------------
    ESTILO LOADING
    Define o comportamento do campo de pesquisa durante o
    carregamento e personaliza o botão de limpar.
  ----------------------------------------------------------*/
  
  .jet-search-filter__input-clear:hover .jet-search-filter__input-clear::after {
  	color: var(--e-global-color-accent);
  }
  
  /*----------------------------------------------------------
    DATE PICKERS & SORTING
    Ajusta ícones e aparência dos elementos de filtro
    de data e ordenação.
  ----------------------------------------------------------*/
  .search-bar .jet-sorting-select:hover, .search-bar .jet-sorting:hover .jet-sorting::after {
  	color: var(--e-global-color-accent) !important;
  }
}

/* md - TABLET PORTRAIT STYLES */ 
@media (min-width: 768px) and (max-width: 1023px) {
  /*====================PESQUISA HAMBURGER MENU MOBILE====================*/	
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-list {
  	padding-bottom: 16px;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__full-results {
  	width: 100%;
  	text-align: left !important;
  }
  .jet-popup .mobile-pesquisa-popup .jet-listing-grid__item {
  	padding: 8px 0;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-slide {
  	flex: none;
  	flex-direction: column;
  }
  .jet-popup .jet-ajax-search__results-list-inner {
  	overflow: hidden !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__results-area {
  	width: calc(100% + 164px) !important;
  	margin-left: -100px !important;
  	margin-top: 2px !important;
  	height: calc(100vh - 64px) !important;
  	padding: 24px !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__spinner-holder {
  	padding-top: 40px;
  }
  .mobile-pesquisa-popup .jet-ajax-search__form {
  	padding: 0 !important;
  }
  
  /*----------------------------- FOCUS / SOMBRA -----------------------------*/
  /* Retirar o focus "base" */
  .mobile-pesquisa-popup *:focus {
  	border: none !important;
  	outline: none !important;
  	box-shadow: none !important;
  }
  .mobile-pesquisa-popup * {
  	box-shadow: none !important;
  }
  
  /* Estilo focus */
  /* Aplicar estilo apenas na div mãe quando qualquer filho recebe focus */
  .pesquisa-mobile:focus-within {
  	border: 2px solid var(--e-global-color-bf601c8) !important;
  	border-radius: 0px;
  }
  
  /*====================BARRA PESQUISA====================*/
  /*----------------------------------------------------------
    MOBILE (largura máxima de 1023px)
    Simplifica os elementos visuais e substitui ícones
    textuais por ícones específicos da fonte.
  ----------------------------------------------------------*/
  .search-bar .jet-date-period__datepicker-button::before { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\1f4c5";
  	font-size: 20px;
  	margin-top: -2px;
  }
  .search-bar .jet-sorting::after { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\e9c0";
  	font-size: 20px;
  	position: absolute;
  	padding: 0 16px 0 17px;
  	top: 11px;
  	z-index: 0;
  }
  .search-bar .jet-sorting-select, .search-bar .jet-sorting-select:hover {
  	appearance: none;
  	color: transparent !important;
  	z-index: 1;
  }
  .search-bar .jet-date-period__datepicker-button p, .jet-date-period-start, .jet-date-period-separator, .jet-date-period-end {
  	display:none;
  }
  .search-bar .jet-date-period__datepicker-button {
  	min-width: 53px !important;
  }
  .search-bar .elementor-widget-jet-smart-filters-sorting {
  	width: 53px !important;
  }
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (min-width: 641px) and (max-width: 767px) {
  /*====================PESQUISA HAMBURGER MENU MOBILE====================*/	
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-list {
  	padding-bottom: 16px;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__full-results {
  	width: 100%;
  	text-align: left !important;
  }
  .jet-popup .mobile-pesquisa-popup .jet-listing-grid__item {
  	padding: 8px 0;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-slide {
  	flex: none;
  	flex-direction: column;
  }
  .jet-popup .jet-ajax-search__results-list-inner {
  	overflow: hidden !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__results-area {
  	width: calc(100% + 164px) !important;
  	margin-left: -100px !important;
  	margin-top: 2px !important;
  	height: calc(100vh - 64px) !important;
  	padding: 24px !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__spinner-holder {
  	padding-top: 40px;
  }
  .mobile-pesquisa-popup .jet-ajax-search__form {
  	padding: 0 !important;
  }
  
  /*----------------------------- FOCUS / SOMBRA -----------------------------*/
  /* Retirar o focus "base" */
  .mobile-pesquisa-popup *:focus {
  	border: none !important;
  	outline: none !important;
  	box-shadow: none !important;
  }
  .mobile-pesquisa-popup * {
  	box-shadow: none !important;
  }
  
  /* Estilo focus */
  /* Aplicar estilo apenas na div mãe quando qualquer filho recebe focus */
  .pesquisa-mobile:focus-within {
  	border: 2px solid var(--e-global-color-bf601c8) !important;
  	border-radius: 0px;
  }
  
  /*====================BARRA PESQUISA====================*/
  /*----------------------------------------------------------
    MOBILE (largura máxima de 1023px)
    Simplifica os elementos visuais e substitui ícones
    textuais por ícones específicos da fonte.
  ----------------------------------------------------------*/
  .search-bar .jet-date-period__datepicker-button::before { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\1f4c5";
  	font-size: 20px;
  	margin-top: -2px;
  }
  .search-bar .jet-sorting::after { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\e9c0";
  	font-size: 20px;
  	position: absolute;
  	padding: 0 16px 0 17px;
  	top: 11px;
  	z-index: 0;
  }
  .search-bar .jet-sorting-select, .search-bar .jet-sorting-select:hover {
  	appearance: none;
  	color: transparent !important;
  	z-index: 1;
  }
  .search-bar .jet-date-period__datepicker-button p, .jet-date-period-start, .jet-date-period-separator, .jet-date-period-end {
  	display:none;
  }
  .search-bar .jet-date-period__datepicker-button {
  	min-width: 53px !important;
  }
  .search-bar .elementor-widget-jet-smart-filters-sorting {
  	width: 53px !important;
  }
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 640px) {
  /*====================PESQUISA POPUP====================*/
  /*----------------------------- FOCUS / SOMBRA -----------------------------*/	
  /*Estilo focus*/
  .jet-popup .popup-pesquisa .jet-ajax-search__results-area {
  	margin-top: 8px;
  }
  .jet-popup .popup-pesquisa .jet-ajax-search__form, .jet-popup .popup-pesquisa .jet-ajax-search__results-header, .jet-popup .popup-pesquisa .jet-ajax-search__results-list, .jet-popup .popup-pesquisa .jet-ajax-search__results-footer {
  	padding-left: 16px !important;
  	padding-right: 16px !important;
  }
  
  /*====================PESQUISA HAMBURGER MENU MOBILE====================*/	
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-list {
  	padding-bottom: 16px;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__full-results {
  	width: 100%;
  	text-align: left !important;
  }
  .jet-popup .mobile-pesquisa-popup .jet-listing-grid__item {
  	padding: 8px 0;
  }
  .jet-popup .mobile-pesquisa-popup .jet-ajax-search__results-slide {
  	flex: none;
  	flex-direction: column;
  }
  .jet-popup .jet-ajax-search__results-list-inner {
  	overflow: hidden !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__results-area {
  	width: calc(100% + 164px) !important;
  	margin-left: -100px !important;
  	margin-top: 2px !important;
  	height: calc(100vh - 64px) !important;
  	padding: 24px !important;
  }
  .mobile-pesquisa-popup .jet-ajax-search__spinner-holder {
  	padding-top: 40px;
  }
  .mobile-pesquisa-popup .jet-ajax-search__form {
  	padding: 0 !important;
  }
  
  /*----------------------------- FOCUS / SOMBRA -----------------------------*/
  /* Retirar o focus "base" */
  .mobile-pesquisa-popup *:focus {
  	border: none !important;
  	outline: none !important;
  	box-shadow: none !important;
  }
  .mobile-pesquisa-popup * {
  	box-shadow: none !important;
  }
  
  /* Estilo focus */
  /* Aplicar estilo apenas na div mãe quando qualquer filho recebe focus */
  .pesquisa-mobile:focus-within {
  	border: 2px solid var(--e-global-color-bf601c8) !important;
  	border-radius: 0px;
  }
  
  /*====================BARRA PESQUISA====================*/
  /*----------------------------------------------------------
    MOBILE (largura máxima de 1023px)
    Simplifica os elementos visuais e substitui ícones
    textuais por ícones específicos da fonte.
  ----------------------------------------------------------*/
  .search-bar .jet-date-period__datepicker-button::before { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\1f4c5";
  	font-size: 20px;
  	margin-top: -2px;
  }
  .search-bar .jet-sorting::after { /*icone em mobile*/
  	font-family: 'icon-font-skill';
  	content: "\e9c0";
  	font-size: 20px;
  	position: absolute;
  	padding: 0 16px 0 17px;
  	top: 11px;
  	z-index: 0;
  }
  .search-bar .jet-sorting-select, .search-bar .jet-sorting-select:hover {
  	appearance: none;
  	color: transparent !important;
  	z-index: 1;
  }
  .search-bar .jet-date-period__datepicker-button p, .jet-date-period-start, .jet-date-period-separator, .jet-date-period-end {
  	display:none;
  }
  .search-bar .jet-date-period__datepicker-button {
  	min-width: 53px !important;
  }
  .search-bar .elementor-widget-jet-smart-filters-sorting {
  	width: 53px !important;
  }
}

/* RETINA DISPLAY STYLES */ 
/*====================PESQUISA POPUP====================*/
/* 
----------------------------------------------------------
 Permite que o conteúdo interno do popup (como dropdowns,
 resultados de busca ou animações) ultrapasse os limites
 do container sem ser cortado. 
----------------------------------------------------------
*/
.jet-popup.jet-popup--front-mode .jet-popup__container-inner {
	overflow-y: visible !important;
	overflow-x: visible !important;
}

/* Layout principal da pesquisa */
.jet-popup .popup-pesquisa .jet-ajax-search__form, .jet-popup .popup-pesquisa .jet-ajax-search__results-header, .jet-popup .popup-pesquisa .jet-ajax-search__results-list, .jet-popup .popup-pesquisa .jet-ajax-search__results-footer {
	padding-left: calc(10% - 48px) !important;
	padding-right: calc(10% - 48px) !important;
	max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
.jet-popup .popup-pesquisa .jet-ajax-search__results-list {
	padding-bottom: 16px;
}
.jet-popup .popup-pesquisa .jet-ajax-search__full-results {
	width: 100%;
	text-align: left !important;
}
.jet-popup .popup-pesquisa .jet-listing-grid__item {
	padding: 8px 0;
}
.jet-popup .popup-pesquisa .jet-ajax-search__results-slide {
	flex: none;
	flex-direction: column;
}
.jet-popup .jet-ajax-search__results-list-inner {
  overflow: hidden !important; /* Esconde tudo que ultrapassa os limites da div */
}

/*Centrar categorias*/
.popup-pesquisa-categorias .jet-listing-grid__items {
	justify-content: center;
}

/*----------------------------- FOCUS / SOMBRA -----------------------------*/
/* Retirar o focus "base" */
.box-shadow-pesquisa *:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.popup-pesquisa * {
  box-shadow: none !important;
}
	
/*Estilo focus*/
/* Aplicar estilo apenas na div mãe quando qualquer filho recebe focus */
.box-shadow-pesquisa:focus-within {
  border: 2px solid var(--e-global-color-bf601c8) !important;
	color: var(--e-global-color-bf601c8) !important;
}
.elementor-kit-9 input:focus:not([type="button"]):not([type="submit"]) {
	border-radius: 0 !important;
	border-width: 2px !important;
}

/*====================BARRA PESQUISA====================*/
/*----------------------------------------------------------
  GERAL
  Define dimensões básicas e layout dos botões e alvos
  do popup de pesquisa.
----------------------------------------------------------*/
.search-bar .jet-popup-target {
	min-width: 53px !important;
	width: 53px !important;
}
.search-bar .search-icon {
	min-width: 40px !important;
	width: 40px !important;
}
.search-bar .jet-popup-target .elementor-button, .search-bar .jet-date-period__datepicker-button, .search-bar .jet-sorting-select  {
	height: 40px !important;
}
	
/*----------------------------------------------------------
  ESTILO FOCUS
  Remove bordas e sombras padrão quando o campo é focado
  e adiciona destaque apenas ao container principal.
----------------------------------------------------------*/
.search-bar input:focus:not([type="button"]):not([type="submit"]),
.search-bar textarea:focus,
.search-bar .elementor-field-textual:focus {
  box-shadow: none;
  border: none !important;
  border-radius: 0;
  outline: none;
}
.search-bar:focus-within {
  border: 2px solid var(--e-global-color-bf601c8) !important;
}

/*----------------------------------------------------------
  DATE PICKERS & SORTING
  Ajusta ícones e aparência dos elementos de filtro
  de data e ordenação.
----------------------------------------------------------*/
.search-bar .jet-date-period__prev, .search-bar .jet-date-period__next, .search-bar .jet-date-period__datepicker-button svg {
	display: none !important;
}
.search-bar .jet-sorting-select {
	cursor: pointer;
}

/*----------------------------------------------------------
  ESTILO LOADING
  Define o comportamento do campo de pesquisa durante o
  carregamento e personaliza o botão de limpar.
----------------------------------------------------------*/
.jet-search-filter__input:focus ~ .jet-search-filter__input-loading {
	color: var(--e-global-color-bf601c8) !important;
}
.jet-search-filter__input-clear::after {
	content: "\2715";
	width: 20px;
	height: 20px;
  color: var(--e-global-color-primary);
  display: flex;
}
.jet-search-filter__input-clear svg {
	display: none;
}
.jet-active-filter__remove {
	top: 0 !important;
}

/*====================POPUP FILTROS====================*/
/* 
----------------------------------------------------------
 Adicionar margem ao botão de mostrar mais filtros
----------------------------------------------------------
*/	
	
.filtros-mais .jet-filter-items-moreless	{
    margin-top: 16px !important;
}