/* ============================================================
   Wind Rose — ajustes específicos de WordPress
   (barra de administración, blog, páginas, comentarios)
   Reutiliza los tokens definidos en styles.css (:root).
   ============================================================ */

/* La barra de admin de WP no debe tapar la nav sticky */
body.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .nav { top: 46px; }
}

/* ---------- Contenido de blog y páginas ---------- */
.wr-page { padding: 64px 0; }
.wr-page .container { max-width: 820px; }

.wr-page-header { margin-bottom: 40px; }
.wr-page-header .eyebrow { color: var(--gold); }
.wr-page-header h1 { font-family: var(--font-serif); color: var(--green-deep); margin: 6px 0 0; }

.wr-entry { margin-bottom: 56px; }
.wr-entry .entry-title { font-family: var(--font-serif); color: var(--green-deep); margin: 0 0 8px; }
.wr-entry .entry-title a { color: inherit; text-decoration: none; }
.wr-entry .entry-title a:hover { color: var(--gold); }
.wr-entry .entry-meta { color: var(--muted); font-size: .88rem; margin-bottom: 18px; }

.wr-content { color: var(--ink); line-height: 1.75; }
.wr-content p { margin: 0 0 1.1em; }
.wr-content h2, .wr-content h3 { font-family: var(--font-serif); color: var(--green-deep); margin: 1.6em 0 .5em; }
.wr-content a { color: var(--green); text-underline-offset: 3px; }
.wr-content a:hover { color: var(--gold); }
.wr-content img { max-width: 100%; height: auto; border-radius: var(--radius); }
.wr-content blockquote {
  border-left: 3px solid var(--gold);
  margin: 1.5em 0; padding: .2em 0 .2em 1.2em;
  color: var(--green-2); font-style: italic;
}
.wr-content ul, .wr-content ol { padding-left: 1.3em; margin: 0 0 1.1em; }
.wr-content code { background: var(--bg-2); padding: .15em .4em; border-radius: 6px; font-size: .9em; }

.wr-featured { margin-bottom: 24px; }
.wr-featured img { width: 100%; height: auto; border-radius: var(--radius); }

/* Paginación */
.wr-pagination { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 32px; }
.wr-pagination a, .wr-pagination span {
  padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px;
  text-decoration: none; color: var(--green);
}
.wr-pagination .current { background: var(--green); color: #fff; border-color: var(--green); }

/* Comentarios */
.wr-comments { margin-top: 48px; }
.wr-comments .comment-list { list-style: none; padding: 0; }
.wr-comments .comment-body { padding: 16px 0; border-bottom: 1px solid var(--line); }

/* Buscador / 404 */
.wr-search-form { display: flex; gap: 10px; margin-top: 16px; }
.wr-search-form input[type="search"] {
  flex: 1; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px;
}

/* Estado vacío */
.wr-empty { color: var(--muted); }