/*
  @file Theming for the sidebar region.

  Some items are added here as extras that _should_ have sidebar
  theming, but their blocks are not placed in the sidebar region,
  such as the facets for the newsroom.
*/

/* Checkbox oculto siempre */
.facets-toggle {
  display: none;
}

/* Botón oculto por defecto (desktop) */
.facets-toggle-button {
  display: none;
}

/* Contenido facets normal en desktop */
.facets-content {
  display: block;
}

/* ------------------- */
/* Móvil (pantallas ≤ 768px) */
/* ------------------- */
@media (max-width: 768px) {

  /* Botón "Filtrar" visible solo en móvil */
  .facets-toggle-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;              /* espacio entre texto y icono */
    width: 100%;
    padding: 1rem;
    margin: 0.75rem 0;
    background-color: #113555;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
  }

  /* Contenido facets oculto hasta pulsar el botón */
  .facets-content {
    display: none;
  }

  /* Mostrar facets cuando el checkbox está activado */
  .facets-toggle:checked ~ .facets-content {
    display: block;
  }

  /* Icono del chevron */
  .facets-toggle-icon {
    font-size: 0.9rem;
    color: #fff;
    transition: transform 0.3s ease;
  }

  /* Rotación del chevron al abrir facets */
  .facets-toggle:checked + .facets-toggle-button .facets-toggle-icon {
    transform: rotate(180deg);
  }
}

.sidebar .views-exposed-form input,
.sidebar .views-exposed-form select,
.newsroom__sidebar .views-exposed-form input,
.newsroom__sidebar .views-exposed-form select {
 border-radius: 8px;
}

.newsroom__sidebar .views-exposed-form input,
.newsroom__sidebar .views-exposed-form select {
 font-weight: 600;
 transition: all 0.3s ease-in-out;
}

.form-submit {
 transition: all 0.3s ease-in-out;
}

.form-submit:hover,
.form-submit:focus {
 border-radius: 50px !important;
 font-weight: 600;
 text-decoration: none !important;
 background-color: #1F5F86 !important;
 border-color: #1F5F86 !important;
 color: #fff !important;
}


.facet-item input[type="checkbox"] + label::before {
  border-radius: 8px !important;
}

.sidebar .lgd-region__inner > *,
.blog-channel__sidebar > *,
.newsroom__sidebar > * {
  padding: var(--sidebar-exposed-form-padding-vertical) var(--sidebar-exposed-form-padding-horizontal);
  background-color: #f4f4f4;
  border-radius: 8px;
  border: 3px solid #1F5F86;
}

.sidebar .lgd-region__inner > *,
.blog-channel__sidebar > * {
  margin: 0 1rem 1.5rem;
}