/* WP bridge styles to keep Lovable look on dynamic WP markup */
.menu-list { list-style: none; }
.menu-list > li { display: inline-flex; }
.main-nav > div { display: inline-flex; }
.main-nav .menu-list { display: flex; align-items: center; gap: 1.5rem; }
.mobile-nav .menu-list { display: block; }
.mobile-nav .menu-list > li { display: block; }

/* Keep article typography from Lovable even for WP-generated blocks */
.prose-article img { margin: 1.5rem auto; border-radius: .5rem; }
.prose-article iframe { width: 100%; min-height: 420px; border: 0; border-radius: .5rem; margin: 1.5rem 0; }
.prose-article ul, .prose-article ol { list-style: revert; }

/* WP comments restyle */
.comments-area { margin-top: 2rem; border-top: 1px solid hsl(var(--border)); padding-top: 2rem; }
.comments-title, .comment-reply-title { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: hsl(var(--foreground)); }
.comment-list { list-style: none; padding-left: 0; margin-top: 1rem; }
.comment-list .comment { border-bottom: 1px solid hsl(var(--border)); padding: 1rem 0; }
.comment-author, .comment-metadata, .comment-content, .comment-reply-link { font-family: var(--font-ui); }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {
  width: 100%; border: 1px solid hsl(var(--border)); border-radius: .5rem; padding: .75rem 1rem; background: hsl(var(--background));
}
.comment-form .submit {
  border: 0; border-radius: .5rem; background: hsl(var(--primary)); color: hsl(var(--primary-foreground));
  height: 2.75rem; padding: 0 1.25rem; font-family: var(--font-ui); font-size: .875rem; font-weight: 600;
}

/* WP pagination to resemble component */
.nav-links { display: flex; align-items: center; gap: .25rem; justify-content: center; }
.nav-links .page-numbers {
  display: inline-flex; width: 2.25rem; height: 2.25rem; align-items: center; justify-content: center;
  border-radius: calc(var(--radius) - 2px); font-family: var(--font-ui); font-size: .875rem;
}
.nav-links .current { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.nav-links .page-numbers:not(.current):hover { background: hsl(var(--accent)); }

/* Hide default WP caption prefix on some installs */
.wp-caption-text { font-family: var(--font-ui); font-size: .875rem; color: hsl(var(--text-caption)); }