/* WordPress-specifikus kiegészítések. A bee.css a prototípussal azonos marad (04-oldal/assets/css/bee.css),
   ami csak a WP-ben kell, az ide kerül. */

/* bejelentkezett szerkesztő: az adminsáv ne takarja a fix fejlécet */
.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; } }

/* ---------- blokk nélküli oldalak (ÁSZF, adatkezelés, kosár, pénztár, fiók) ---------- */
.page-plain { padding: clamp(130px, 14vw, 180px) 0 clamp(80px, 10vw, 140px); position: relative; isolation: isolate; }
.page-plain::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 420px; z-index: -1; pointer-events: none;
  background: var(--mesh) 0 0 / 56px auto repeat; opacity: .12;
  -webkit-mask: linear-gradient(180deg, #000, transparent); mask: linear-gradient(180deg, #000, transparent);
}
.page-plain-head { display: grid; gap: 20px; margin-bottom: clamp(36px, 5vw, 64px); padding-bottom: 28px; border-bottom: 1px solid var(--line); }

/* hosszú szöveg: a WP-szerkesztő alap blokkjai (bekezdés, címsor, lista, táblázat, idézet) */
.prose { max-width: 820px; color: var(--bone-dim); }
.prose > * + * { margin-top: 1.1em; }
.prose h2, .prose h3, .prose h4 { color: var(--bone); margin-top: 2em; line-height: 1.05; }
.prose h2 { font-size: clamp(26px, 3vw, 38px); }
.prose h3 { font-size: clamp(21px, 2.2vw, 26px); }
.prose h4 { font-size: 18px; }
.prose a { color: var(--accent); text-underline-offset: 3px; }
.prose a:hover { color: var(--accent-glow); }
.prose strong, .prose b { color: var(--bone); }
.prose ul, .prose ol { padding-left: 1.3em; }
.prose li + li { margin-top: .4em; }
.prose ul li::marker { color: var(--accent); }
.prose blockquote { margin-inline: 0; border-left: 3px solid var(--accent); padding: 4px 0 4px 20px; color: var(--bone); font-size: 1.1em; }
.prose table { width: 100%; border-collapse: collapse; font-size: 15px; }
.prose th, .prose td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top; }
.prose th { font: 500 12px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--smoke); background: var(--graphite); }
.prose hr { border: 0; border-top: 1px solid var(--line); margin-block: 2em; }
.prose img { height: auto; }
.prose figure { margin: 0; }
.prose figcaption { font: 500 12px/1.4 var(--f-mono); color: var(--smoke); margin-top: 8px; }
.prose .wp-block-button__link { display: inline-flex; background: var(--accent); color: var(--accent-ink); font: 700 15px/1 var(--f-display); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; padding: 16px 22px; border-radius: 0; }
.prose iframe { max-width: 100%; }
/* szélesebb tartalom (kosár/pénztár/fiók) */
.woocommerce-page .prose, .page-plain.shop-page .prose { max-width: none; }

/* alapértelmezett WP osztályok */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { margin-inline: auto; }
.wp-caption-text, .screen-reader-text:not(:focus) { font-size: 13px; }
.screen-reader-text:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 404 / üres találat */
.page-none { min-height: 70svh; display: grid; align-content: center; gap: 24px; }

/* Akadémia-hero: a prototípusban a kiemelt sor és a címke világoslila (a sötét fotón jobban látszik) */
.acad .hero .eyebrow, .acad .hero .row.accent { color: var(--violet-lt); }