/* xl - DESKTOP STYLES */ 
@media (min-width: 1120px) {
  /* --------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------- 01. Geral ----------------------------------------------- */
  
  /* -------------------- 01.1 Ajustes gerais -------------------- */
  /* Esconder ícone calendário eventos em desktop */
  .filtro-calendario .calendar-icon {
  	display: none;
  }
}

/* lg - TABLET LANDSCAPE STYLES */ 
@media (min-width: 1024px) and (max-width: 1119px) {
  /* --------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------- 01. Geral ----------------------------------------------- */
  
  /* -------------------- 01.1 Ajustes gerais -------------------- */
  /* Esconder ícone calendário eventos em desktop */
  .filtro-calendario .calendar-icon {
  	display: none;
  }
}

/* md - TABLET PORTRAIT STYLES */ 
@media (min-width: 768px) and (max-width: 1023px) {
  /* --------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------- 01. Geral ----------------------------------------------- */
  
  /* -------------------- 01.1 Ajustes gerais -------------------- */
  
  /* Esconder placeholder */
  .cont-pesquisa input.form-control::placeholder,
  .cont-pesquisa input.form-control,
  .cont-pesquisa .date-picker-container:hover input.form-control::placeholder,
  .cont-pesquisa .post-type-filter-select,
  .cont-pesquisa .sort-select {
  	color: transparent !important;
  }
  
  /* Icone de calendario em absolute em mobile */
  .filtro-calendario .calendar-icon {
  	position: absolute;
  }
}

/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (min-width: 480px) and (max-width: 767px) {
  /* --------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------- 01. Geral ----------------------------------------------- */
  
  /* -------------------- 01.1 Ajustes gerais -------------------- */
  
  /* Esconder placeholder */
  .cont-pesquisa input.form-control::placeholder,
  .cont-pesquisa input.form-control,
  .cont-pesquisa .date-picker-container:hover input.form-control::placeholder,
  .cont-pesquisa .post-type-filter-select,
  .cont-pesquisa .sort-select {
  	color: transparent !important;
  }
  
  /* Icone de calendario em absolute em mobile */
  .filtro-calendario .calendar-icon {
  	position: absolute;
  }
}

/* xs - SMARTPHONE PORTRAIT STYLES */ 
@media (max-width: 479px) {
  /* --------------------------------------------------------------------------------------------------------- */
  /* ----------------------------------------------- 01. Geral ----------------------------------------------- */
  
  /* -------------------- 01.1 Ajustes gerais -------------------- */
  
  /* Esconder placeholder */
  .cont-pesquisa input.form-control::placeholder,
  .cont-pesquisa input.form-control,
  .cont-pesquisa .date-picker-container:hover input.form-control::placeholder,
  .cont-pesquisa .post-type-filter-select,
  .cont-pesquisa .sort-select {
  	color: transparent !important;
  }
  
  /* Icone de calendario em absolute em mobile */
  .filtro-calendario .calendar-icon {
  	position: absolute;
  }
}

/* RETINA DISPLAY STYLES */ 
/* INDICE ------------------------------------- 
---------------------------------------------------------------------------------------------------------------
01.    Geral
01.1   Ajustes gerais
01.2   Estado Focus / Ativo

02.    Post types (grelhas)
02.1   Loading na grid
02.2   Reorganização da grid

03.    Repetidores
03.1   Loading na grid

------------------------------------------------------------------------------------------------------------ */


/* --------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------- 01. Geral ----------------------------------------------- */

/* -------------------- 01.1 Ajustes gerais -------------------- */
/* Cores */
input.form-control::placeholder,
input.grid-search-input::placeholder {
	color: var(--text-primary);
}
button#reset-publication-date-filter,
button#reset-date-filter,
button#reset-search-filter {
	color: var(--status-error);
}

/* Displays */
.filter-chip.is-active .filter-chip-close {
    display: inline;
}

.chip-filter-hidden,
.date-filter-hidden,
.search-filter-hidden,
.dropdown-filter-hidden,
.post-type-filter-hidden,
.filter-chip.is-hidden,
.person-filter-hidden {
    display: none !important;
}
.filter-chip-close {
    display: none;
}
.cont-pesquisa select {
	appearance: none;
}

/* -------------------- 01.2 Estado Focus / Ativo -------------------- */
.cont-pesquisa:has(.grid-search-input:focus),
.cont-pesquisa:has(.grid-search-input:hover) {
	border-color: var(--status-hover);
	transition: 0.3s all ease;
}
.cont-pesquisa:has(.grid-search-input:focus) svg.search-icon,
.cont-pesquisa:has(.grid-search-input:hover) svg.search-icon,
.cont-pesquisa .icon-hover:hover svg {
	fill: var(--status-hover);
	transition: 0.3s all ease;
}
.post-type-filter-wrapper:hover select,
.sort-select:hover {
	color: var(--status-hover);
	transition: 0.3s all ease;
}
.filter-chip:hover,
.filter-chip.is-active:hover {
	background-color: var(--status-hover);
	color: var(--text-secondary);
	transition: 0.3s all ease;
}
.filter-chip:hover .filter-chip-close {
	color: var(--text-secondary);
	transition: 0.3s all ease;
}
.filter-chip.is-active {
	background-color: var(--background-palette-secondary);
	transition: 0.3s all ease;
}

/* -------------------- 01.3 Filtros Calendario -------------------- */

.flatpickr-clear-btn {
    width: calc(100% - 16px);
    margin: 8px;
}


/* --------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- 02. Post types (grelhas) ---------------------------------------- */

/* -------------------- 02.1 Loading na grid -------------------- */
.grid-loading-overlay {
    display: none;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.grid-loading-spinner {
	width: 32px;
    height: 32px;
    border: 3px solid rgba(0,0,0,.15);
    border-top-color: rgba(0,0,0,.6);
    border-radius: 999px;
    animation: searchSpin .7s linear infinite;
}
@keyframes spinSearch { 
	0% { 
		transform: rotate(0deg); 
	} 
	100% { 
		transform: rotate(360deg); 
	} 
}

/* -------------------- 02.2 Reorganização da grid -------------------- */
/* Regras apenas para grelhas */

/* Regras apenas para listas */
	/* vazio de propósito
  		.is-searching-list {

  		}
	*/

/* --------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------- 03. Repetidores -------------------------------------------- */

/* -------------------- 03.1 Loading na grid -------------------- */
.input-loader {
	display: none; 
	width: 18px;
	height: 18px;
	border: 2px solid var(--background-neutral-tertiary);
	border-top: 2px solid var(--background-palette-primary);
	border-radius: 50%;
	animation: spin-rep-loader 0.8s linear infinite;
	margin-left: 10px;
	flex-shrink: 0;
}
@keyframes spin-rep-loader { 
	0% { 
		transform: rotate(0deg); 
	}
	100% { 
		transform: rotate(360deg); 
	} 
}

.repeater-loading-effect {
	opacity: 0.4;
	pointer-events: none;
	transition: opacity 0.2s ease;
}