/* ==========================================================================
   Página de resultados de búsqueda (core search) — diseño 2026
   Todo scopeado a body.path-search para no afectar otras páginas.
   ========================================================================== */

body.path-search .region-content {
  max-width: 880px;
  margin-inline: auto;
  padding: var(--sm-sp-4) var(--sm-sp-3) var(--sm-sp-6);
}

/* Título de página "Resultados de la búsqueda" */
body.path-search h1.page-title,
body.path-search .page-title {
  font-family: var(--sm-font-display);
  font-size: var(--sm-fs-h1);
  font-weight: 800;
  letter-spacing: var(--sm-tracking-tight);
  color: var(--sm-ink-950);
  margin: 0 0 var(--sm-sp-4);
}

/* ---- Formulario de búsqueda (estilo underline del home) ---- */
body.path-search .search-form {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: var(--sm-sp-4);
  margin: 0 0 var(--sm-sp-5);
}
/* El input + botón van dentro de #edit-basic.container-inline (un único hijo
   del grid de .search-form), y container-inline los deja en línea/angostos
   (input size=30). Convertir ese wrapper en el mismo grid 1fr|auto para que el
   campo ocupe todo el ancho. */
body.path-search .search-form .container-inline,
body.path-search #edit-basic.container-inline {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: var(--sm-sp-4);
  width: 100%;
}

/* Columna del input: la línea inferior (underline) va aquí, como en el home */
body.path-search .form-item-keys {
  grid-column: 1;
  margin: 0;
  border-bottom: 2px solid var(--sm-ink-950);
  transition: border-color var(--sm-dur-base, .2s) var(--sm-ease-out, ease);
}
body.path-search .form-item-keys:focus-within { border-color: var(--sm-green-700); }
body.path-search .form-item-keys label {
  display: block;
  font-family: var(--sm-font-display);
  font-size: var(--sm-fs-tag);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--sm-tracking-wider);
  color: var(--sm-ink-500);
  margin-bottom: var(--sm-sp-1);
}
/* Input transparente, grande, sin caja (igual que .sm-search-form input) */
body.path-search .form-search.form-control {
  width: 100%;
  height: auto;
  border: 0;
  outline: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--sm-font-display);
  /* Tope ~28px (1.75rem) en rem para respetar el text-resize de la barra a11y
     y escalar en pantallas chicas. */
  font-size: clamp(1.4rem, 2.2vw, 1.75rem);
  font-weight: 500;
  color: var(--sm-ink-950);
  padding: .6rem 0;
}
body.path-search .form-search.form-control:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}
body.path-search .form-search.form-control::placeholder {
  color: var(--sm-ink-300);
  font-style: italic;
}

/* Botón Buscar: píldora marca, alineado al underline */
body.path-search .search-form .form-submit,
body.path-search .search-form .btn-primary {
  grid-column: 2;
  align-self: end;
  width: auto;
  margin-bottom: .35rem;
  padding: 1rem 1.9rem;
  font-family: var(--sm-font-display);
  font-weight: 700;
  letter-spacing: var(--sm-tracking-wide);
  text-transform: uppercase;
  color: var(--sm-paper-000);
  background: var(--sm-ink-950);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: background var(--sm-dur-base, .2s) var(--sm-ease-out, ease), transform .15s ease;
}
body.path-search .search-form .form-submit:hover,
body.path-search .search-form .btn-primary:hover {
  background: var(--sm-green-700);
  transform: translateY(-1px);
}
body.path-search .search-form .form-submit:focus-visible,
body.path-search .search-form .btn-primary:focus-visible {
  outline: var(--sm-focus-ring);
  outline-offset: var(--sm-focus-offset);
}
/* En móvil: input arriba, botón abajo a lo ancho */
@media (max-width: 575px) {
  body.path-search .search-form { grid-template-columns: 1fr; row-gap: var(--sm-sp-3); }
  body.path-search .search-form .form-submit,
  body.path-search .search-form .btn-primary { grid-column: 1; width: 100%; margin-bottom: 0; }
}

/* Enlace de ayuda "About searching" */
body.path-search .search-help-link {
  display: inline-block;
  grid-column: 1 / -1;
  margin-top: var(--sm-sp-2);
  font-size: var(--sm-fs-small);
  color: var(--sm-ink-500);
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.path-search .search-help-link:hover { color: var(--sm-green-700); }

/* ---- Lista de resultados ---- */
body.path-search .search_exclude_node_search-results {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sm-sp-3);
}
body.path-search .list-group-item {
  border: 1px solid var(--sm-border);
  border-radius: var(--bs-border-radius-lg);
  background: var(--sm-paper-000);
  padding: var(--sm-sp-4);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.path-search .list-group-item:hover {
  border-color: var(--sm-green-300);
  box-shadow: 0 6px 20px rgba(9, 9, 11, .07);
  transform: translateY(-2px);
}
body.path-search .list-group-item h3 {
  font-family: var(--sm-font-display);
  font-size: var(--sm-fs-h3);
  font-weight: 700;
  letter-spacing: var(--sm-tracking-tight);
  margin: 0 0 .4rem;
  line-height: var(--sm-leading-tight);
}
body.path-search .list-group-item h3 a {
  color: var(--sm-ink-950);
  text-decoration: none;
}
body.path-search .list-group-item:hover h3 a,
body.path-search .list-group-item h3 a:hover { color: var(--sm-green-700); }
body.path-search .list-group-item p {
  color: var(--sm-ink-700);
  font-size: var(--sm-fs-body);
  line-height: var(--sm-leading-base);
  margin: 0 0 .35rem;
}
body.path-search .list-group-item p strong { color: var(--sm-green-900); font-weight: 700; }
body.path-search .list-group-item .search-info,
body.path-search .list-group-item small {
  color: var(--sm-ink-500);
  font-size: var(--sm-fs-small);
}

/* ---- Paginador (de azul Bootstrap → marca) ---- */
body.path-search .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
  padding: 0;
  margin: var(--sm-sp-5) 0 var(--sm-sp-7);
  justify-content: center;
}
body.path-search .pagination .page-item .page-link {
  min-width: 2.5rem;
  text-align: center;
  border: 1px solid var(--sm-border);
  border-radius: 999px;
  color: var(--sm-ink-900);
  background: var(--sm-paper-000);
  padding: .5rem .85rem;
  font-weight: 600;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.path-search .pagination .page-item .page-link:hover {
  background: var(--sm-green-050);
  border-color: var(--sm-green-300);
  color: var(--sm-green-700);
}
body.path-search .pagination .page-item.active .page-link {
  background: var(--sm-green-700);
  border-color: var(--sm-green-700);
  color: var(--sm-paper-000);
}
body.path-search .pagination .page-item .page-link:focus-visible {
  outline: var(--sm-focus-ring);
  outline-offset: var(--sm-focus-offset);
}