/* =========================
   SEARCH RESULTS (Modern)
   ========================= */

/* Garantiza tokens en este scope (sin referencia cíclica: usar siempre valores literales aquí) */
.nexo-benicassim-sit {
  --nexo-font-family: "trade-gothic-next", "trade-gothic-next-condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  --nexo-color-primary: #071532;
  --nexo-color-on-dark: #fff;
  --nexo-color-accent: #02B0A6;
  --nexo-color-secondary: #fed25e;
  --nexo-color-text-default: #0f254b;
}

:root {
  --search-card-bg: #ffffff;
  --search-card-border: var(--nexo-color-secondary);
  --search-card-shadow: 0 10px 30px rgba(7, 21, 50, 0.08);
  --search-card-radius: 0px;
  --search-gap: 16px;
}

[data-theme="dark"] {
  --search-card-bg: rgba(255, 255, 255, 0.04);
  --search-card-border: rgba(255, 255, 255, 0.12);
  --search-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* Página search */
body.path-search {
  color: var(--nexo-color-text-default);
}

/* Oculta form core y ayudas (ya tienes buscador en navbar)
   OJO: NO ocultamos TODOS los h2 porque te puede afectar a otros bloques.
   Solo ocultamos el h2 del bloque de resultados (va justo dentro del block content). */
body.path-search .search-form,
body.path-search .search-help-link {
  display: none !important;
}
body.path-search #block-nexodstheme-content > h2 {
  display: none !important;
}

/* Contenedor principal: algo de aire */
body.path-search .nexo-search-page__container,
body.path-search .nexo-container.nexo-search-page {
  padding-block: 32px;
  min-height: 800px;
}

/* Grid del listado: en tu HTML es #block-nexodstheme-content > ol (sin clases) */
body.path-search #block-nexodstheme-content > ol {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: var(--search-gap) !important;
  
}

/* 3 columnas desktop, 2 tablet, 1 móvil */
body.path-search #block-nexodstheme-content > ol > li {
  grid-column: span 4;
}
@media (max-width: 1100px) {
  body.path-search #block-nexodstheme-content > ol > li {
    grid-column: span 6;
  }
}
@media (max-width: 700px) {
  body.path-search #block-nexodstheme-content > ol > li {
    grid-column: span 12;
  }
}

/* =========================
   CARD (se aplica al <li>)
   ========================= */
body.path-search #block-nexodstheme-content > ol > li {
  background: var(--search-card-bg);
  border: 2px solid var(--search-card-border);
  border-radius: var(--search-card-radius);
  padding: 18px 18px 16px;
  box-shadow: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  position: relative;
  overflow: hidden;
}



body.path-search #block-nexodstheme-content > ol > li:hover {
  transform: translateY(-2px);
  box-shadow: var(--search-card-shadow);
  border-color: rgba(254, 210, 94, 0.35);
}

/* =========================
   TITLE + LINK (markup real: h3 > a)
   ========================= */
body.path-search #block-nexodstheme-content > ol > li h3 {
  margin: 10px 0 10px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.2px;
  font-family: var(--nexo-font-family);
  color: var(--nexo-color-text-default)
}

[data-theme="dark"] body.path-search #block-nexodstheme-content > ol > li h3 {
  color: var(--nexo-color-on-dark);
}

/* Mata azules por defecto */
body.path-search #block-nexodstheme-content > ol > li h3 a,
body.path-search #block-nexodstheme-content > ol > li h3 a:link,
body.path-search #block-nexodstheme-content > ol > li h3 a:visited {
  color: inherit !important;
  text-decoration: none !important;
}

body.path-search #block-nexodstheme-content > ol > li h3 a:hover,
body.path-search #block-nexodstheme-content > ol > li h3 a:focus {
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* =========================
   SNIPPET + META (markup real: p + p)
   ========================= */
/* Primer <p> del item = snippet */
body.path-search #block-nexodstheme-content > ol > li p:first-of-type {
  margin: 0 0 12px;
  line-height: 1.45;
  opacity: 0.9;
  font-size: 14px;
  color: var(--nexo-color-text-default);
}

/* Resaltado de keywords */
body.path-search #block-nexodstheme-content > ol > li p:first-of-type strong {
  color: var(--nexo-color-primary);
  background: rgba(254, 210, 94, 0.25);
  padding: 0 4px;
  border-radius: 6px;
}

[data-theme="dark"]
  body.path-search
  #block-nexodstheme-content
  > ol
  > li
  p:first-of-type
  strong {
  color: var(--nexo-color-on-dark);
  background: rgba(254, 210, 94, 0.18);
}

/* Segundo <p> del item = meta */
body.path-search #block-nexodstheme-content > ol > li p:last-of-type {
  margin: 0;
  font-size: 12px;
  opacity: 0.75;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

/* username link (admin) también sin azul */
body.path-search #block-nexodstheme-content > ol > li p:last-of-type a,
body.path-search #block-nexodstheme-content > ol > li p:last-of-type a:link,
body.path-search #block-nexodstheme-content > ol > li p:last-of-type a:visited {
  color: inherit !important;
  text-decoration: none !important;
}
body.path-search #block-nexodstheme-content > ol > li p:last-of-type a:hover {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Puntito decorativo antes del meta */
body.path-search #block-nexodstheme-content > ol > li p:last-of-type::before {
  content: "●";
  opacity: 0.5;
}

/* =========================
   Limpieza: quita márgenes raros de OL por core
   ========================= */
body.path-search #block-nexodstheme-content ol {
  padding-left: 0 !important;
}