/* ==========================================================================
   La Pizza – WordPress-specifikus kiegészítések (tartalom, igazítások, lapozás,
   admin sáv, menük). A prototípus komponenseire épül.
   ========================================================================== */

/* Admin sáv mellett a ragadós fejléc */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }

.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus { position: static !important; width: auto; height: auto; clip: auto; }

:where(figure) { margin: 0; }
.hero__media, .split__media, .single-media { margin: 0; }
.single-media img { width: 100%; border-radius: var(--radius-lg); aspect-ratio: 16 / 9; object-fit: cover; }

/* Egyedi logó */
.custom-logo-link { display: inline-flex; }
.custom-logo { max-height: 48px; width: auto; }

/* Menü: WordPress menüpont-osztályok */
.main-nav__list .current-menu-item > a,
.main-nav__list .current-menu-ancestor > a { color: var(--color-primary); }

/* Oldalfejléc */
.page-hero--compact { padding-block: var(--sp-5) var(--sp-5); }
.page-hero--compact h1 { font-size: var(--fs-2xl); margin-bottom: var(--sp-3); }
.page-hero .lede p:last-child { margin-bottom: 0; }
.page-hero h1 em { font-style: italic; color: var(--color-primary); font-weight: 400; }

/* Kapszula-linkek (blog- és termékszűrők) */
a.chip { display: inline-block; text-decoration: none; }
a.chip:hover { color: var(--c-graphite-900); }
.chip[aria-current="true"] { background: var(--c-graphite-900); color: var(--c-cream-50); border-color: var(--c-graphite-900); }
.chips-nav { margin-top: var(--sp-5); }

/* Cikk-kártya: kép link */
.article-card__media { display: block; }
.article-card h3 a, .featured-post h2 a { color: var(--c-graphite-900); text-decoration: none; }
.article-card h3 a:hover, .featured-post h2 a:hover { color: var(--color-primary); text-decoration: underline; }
.featured-post__media { display: block; overflow: hidden; }

/* Szerkesztett tartalom (Gutenberg) */
.entry-content > * + * { margin-top: var(--sp-4); }
.entry-content > :first-child { margin-top: 0; }
.entry-content h2 { margin-top: var(--sp-7); }
.entry-content h3 { margin-top: var(--sp-6); }
.entry-content p, .entry-content li { max-width: 72ch; }
.entry-content img { border-radius: var(--radius); }
.entry-content blockquote { font-family: var(--font-display); font-size: var(--fs-xl); line-height: 1.35; font-style: italic; color: var(--c-burgundy-700); border-left: 3px solid var(--color-primary); padding-left: var(--sp-5); margin-inline: 0; }
.entry-content table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.entry-content th, .entry-content td { text-align: left; padding: var(--sp-3) var(--sp-4); border-bottom: 1px solid var(--color-line); }
.entry-content .alignwide { max-width: min(var(--container), 100vw - 2 * var(--gutter)); margin-inline: auto; }
.entry-content .alignfull { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); }
.entry-content .alignleft { float: left; margin: 0 var(--sp-5) var(--sp-4) 0; }
.entry-content .alignright { float: right; margin: 0 0 var(--sp-4) var(--sp-5); }
.entry-content .aligncenter { margin-inline: auto; }
.wp-block-button__link { border-radius: var(--radius-pill); background: var(--color-primary); color: var(--c-white); padding: .75rem 1.5rem; font-weight: 600; text-decoration: none; }
.wp-block-button__link:hover { background: var(--color-primary-hover); color: var(--c-white); }
.is-style-outline .wp-block-button__link { background: transparent; color: var(--color-primary); border: 1.5px solid currentColor; }
.wp-block-separator { border: 0; border-top: 1px solid var(--color-line); }
.wp-caption-text, figcaption { font-size: var(--fs-xs); color: var(--color-text-muted); margin-top: var(--sp-2); }

/* Lapozás */
.pagination, .navigation.pagination { margin-top: var(--sp-7); }
.nav-links { display: flex; flex-wrap: wrap; gap: var(--sp-2); justify-content: center; }
.page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 var(--sp-3); border-radius: var(--radius-pill); border: 1.5px solid var(--color-line); background: var(--color-surface); color: var(--color-text); text-decoration: none; font-weight: 600; font-size: var(--fs-sm); }
.page-numbers:hover { border-color: var(--c-sand-500); }
.page-numbers.current { background: var(--c-graphite-900); color: var(--c-cream-50); border-color: var(--c-graphite-900); }
.page-numbers.dots { border: 0; background: none; }

/* Hozzászólások */
.comment-list { list-style: none; padding: 0; }
.comment-body { padding: var(--sp-4) 0; border-bottom: 1px solid var(--color-line); }
.comment-form input:not([type=checkbox]):not([type=submit]), .comment-form textarea { width: 100%; min-height: 48px; padding: .7rem .9rem; border: 1.5px solid #cbbda8; border-radius: var(--radius); background: var(--c-white); }
.comment-form .submit { min-height: 48px; padding: .75rem 1.5rem; border: 0; border-radius: var(--radius-pill); background: var(--color-primary); color: var(--c-white); font-weight: 600; }

/* Lábléc menük */
.site-footer .menu { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-2); }
.site-footer .placeholder-note { color: #cfcac2; background: rgba(255, 255, 255, .05); }

/* Csak szerkesztőknek szóló megjegyzés */
.placeholder-note code { font-size: .9em; }