/* ==========================================================================
   Orinion Way – blog (inc/blog.php → home.php, archive.php, single.php)
   Construktion X „Blog V1” (lista: chipek, 3 oszlopos kártyák, lapozó) és „Blog post” (cikk: 728–760px-es szöveghasáb).
   Tokenek: base.css :root; az aloldal-hero (.ow-phero), a CTA (.ow-cta), a .ow-link, .ow-snav, .ow-cbox a sections.css-ből jön.
   Csak a blognézeteken töltődik. Töréspontok: 1199 / 991 / 767 / 479.
   ========================================================================== */

/* ---------------------------------------------------------------- 1. Keret */
.ow-blog { display: block; }
.ow-bwrap { box-sizing: border-box; width: calc(100% - 2 * var(--ow-gutter)); max-width: var(--ow-wrap); margin-inline: auto; }
.ow-bsec { position: relative; padding-block: var(--ow-section-y-sm) var(--ow-section-y-md); }

/* ---------------------------------------------------------------- 2. Hero (a .ow-phero a sections.css-ben) */
.ow-bloghero { display: block; }
/* lista: a hero a tartalmához igazodik (mint a webshop-kategóriáknál) – a cikkek hamarabb látszanak */
.ow-bloghero--list .ow-phero { min-height: 0; }
/* cikk: a régi cikkcímek hosszúak (akár 130+ karakter) → display-2, mint a termékoldalon */
.ow-bloghero--single .ow-phero__title { max-width: 1040px; font-size: var(--ow-fs-display-2); line-height: var(--ow-lh-display-2); hyphens: auto; -webkit-hyphens: auto; }
/* nagyon hosszú cím (90+ karakter): mobilon kisebb, hogy a hero ne nőjön 8+ sorosra */
@media screen and (max-width: 767px) { .ow-bloghero--long .ow-phero__title { font-size: min(var(--ow-fs-display-2), 30px); } }
/* cikk: a bevezető (Yoast meta leírás) a cím alatt, nem mellette – a hosszú cím így nem szorul a 440px-es oldalhasáb mellé */
.ow-bloghero--single .ow-phero__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.ow-bloghero--single .ow-phero__side { max-width: 640px; }
/* cikk, kis / négyzetes / álló kiemelt képpel (spec 4.1 C, inc/blog.php ow_blog_hero()): navy címpanel balra, a fotó jobbra egy
   legfeljebb 49%-os, de a kép natív szélességénél (--ow-bh-w) nem szélesebb hasábban, a fejléc alatt a hero aljáig; ≤991px-en a cím alatt */
.ow-phero--split { --ow-bh-col: min(49%, var(--ow-bh-w, 100%)); }
.ow-phero--split.ow-phero--portrait { --ow-bh-col: min(40%, 640px, var(--ow-bh-w, 100%)); }
img.ow-bloghero__img { display: block; max-width: none; object-fit: cover; background: var(--ow-navy-700); transition: filter 1.2s var(--ow-ease) .2s; }
html.ow-js-reveal .ow-phero:not(.is-in) img.ow-bloghero__img { filter: grayscale(1); }
.ow-bloghero--split .ow-phero__side { max-width: 530px; }
@media screen and (min-width: 992px) {
  .ow-phero--split .ow-phero__inner { padding-right: calc(var(--ow-bh-col) + 64px); }
  .ow-phero--split img.ow-bloghero__img { position: absolute; top: var(--ow-header-h); right: 0; z-index: -1; width: var(--ow-bh-col); height: calc(100% - var(--ow-header-h)); }
  /* keskenyebb (≈420–600px-es) címhasáb → folyékony méret, hogy a hosszú cím se nőjön 7–8 sorosra */
  .ow-bloghero--split .ow-phero__title { font-size: clamp(34px, 3.3vw, var(--ow-fs-display-2)); }
  .ow-bloghero--split.ow-bloghero--long .ow-phero__title { font-size: clamp(30px, 2.4vw, 40px); }
}
@media screen and (max-width: 991px) {
  .ow-phero--split { flex-direction: column; min-height: 0; }
  .ow-phero--split img.ow-bloghero__img { width: 100%; height: auto; max-height: 520px; aspect-ratio: var(--ow-bh-ar, 1.5); }  /* tableten se legyen képernyőnyi */
}
.ow-bloghero__cat { color: inherit; text-decoration: none; transition: color var(--ow-dur) var(--ow-ease); }
.ow-bloghero__cat:hover { color: var(--ow-orange); }
.ow-bloghero .ow-crumbs a:last-child { overflow-wrap: anywhere; }

/* ---------------------------------------------------------------- 3. Szakaszfej + chipek (a shop.css chipjeivel azonos megjelenés – az csak a webshopban töltődik) */
.ow-blist__head { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; margin: 0 0 56px; }
.ow-blist__head--split { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 48px; margin-bottom: 48px; }
.ow-blist__title { margin: 0; color: var(--ow-heading); font-size: var(--ow-fs-display-2); line-height: var(--ow-lh-display-2); font-weight: var(--ow-fw-medium); text-wrap: balance; }
.ow-bchips { max-width: 100%; }

.ow-chips__list { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ow-chips__list li { margin: 0; padding: 0; }
.ow-chips__list li::before { display: none; }
.ow-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px;
  border: 1px solid var(--ow-grey-300); border-radius: var(--ow-radius-btn); background: var(--ow-white);
  color: var(--ow-navy); font-size: var(--ow-fs-text-100); font-weight: var(--ow-fw-regular); line-height: 20px;
  text-decoration: none; white-space: nowrap;
  transition: background-color var(--ow-dur) var(--ow-ease), border-color var(--ow-dur) var(--ow-ease), color var(--ow-dur) var(--ow-ease);
}
.ow-chip:hover { border-color: var(--ow-navy); color: var(--ow-navy); text-decoration: none; }
.ow-chip.is-current { border-color: var(--ow-navy); background: var(--ow-navy); color: var(--ow-white); font-weight: var(--ow-fw-medium); }
.ow-chip--sm { padding: 6px 14px; font-size: 14px; line-height: 18px; }

/* ---------------------------------------------------------------- 4. Kártyarács és cikk-kártya (sablon: kép → „Kategória —— Dátum” → cím) */
.ow-bgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 64px var(--ow-gap); }
.ow-bcard { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding-bottom: 28px; border-bottom: 1px solid var(--ow-border); }
.ow-bcard::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--ow-orange); transform: scaleX(0); transition: transform .4s var(--ow-ease); }
.ow-bcard:hover::after, .ow-bcard:focus-within::after { transform: scaleX(1); }
.ow-bcard__media { display: block; width: 100%; aspect-ratio: 16 / 10; margin: 0 0 20px; overflow: hidden; background: var(--ow-grey-50); }
img.ow-bcard__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ow-ease), filter .5s var(--ow-ease); }
.ow-bcard:hover img.ow-bcard__img { transform: scale(var(--ow-img-zoom)); filter: saturate(var(--ow-img-saturate)); }
.ow-bcard__ph { display: grid; place-items: center; width: 100%; height: 100%; color: var(--ow-grey-400); }
/* „Kategória —— Dátum”: ha a dátum új sorba törik, a sor eleji vonal kívül esik és levágódik (negatív margó + overflow);
   a 6px-es belső margó a fókuszkeretnek kell */
.ow-bcard__meta { align-self: stretch; overflow: hidden; margin: -6px -6px 6px; padding: 6px; color: var(--ow-grey-600); font-size: var(--ow-fs-text-100); font-weight: var(--ow-fw-medium); line-height: 1.4; }
.ow-bcard__metarow { display: flex; flex-wrap: wrap; align-items: center; row-gap: 4px; margin-left: -52px; }
.ow-bcard__metarow > * { position: relative; margin-left: 52px; }
.ow-bcard__metarow > * + *::before { content: ""; position: absolute; top: 50%; left: -40px; width: 28px; height: 1px; background: var(--ow-grey-400); }
.ow-bcard__cat { color: var(--ow-orange-text); text-decoration: none; }
.ow-bcard__cat:hover { color: var(--ow-navy); text-decoration: underline; text-underline-offset: 3px; }
.ow-bcard__title { margin: 0 0 12px; color: var(--ow-heading); font-size: var(--ow-fs-h3); line-height: var(--ow-lh-h3); font-weight: var(--ow-fw-medium); text-wrap: pretty; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; hyphenate-limit-chars: 12 6 6; }
.ow-bcard__title a { color: inherit; text-decoration: none; transition: color var(--ow-dur) var(--ow-ease); }
.ow-bcard:hover .ow-bcard__title a { color: var(--ow-grey-500); }
.ow-bcard__text { margin: 0 0 24px; color: var(--ow-text); font-size: var(--ow-fs-text-100); line-height: 1.6; }
.ow-bcard__more { margin-top: auto; font-size: var(--ow-fs-text-100); }
.ow-bcard:hover .ow-link span { background-size: 100% 2px; }
.ow-bcard:hover .ow-link svg { transform: translateX(6px); }
/* megjelenés: lépcsőzés soron belül */
.ow-bgrid > .ow-bcard:nth-child(3n+2) { --ow-d: .3s; }
.ow-bgrid > .ow-bcard:nth-child(3n) { --ow-d: .4s; }

/* ---------------------------------------------------------------- 5. Lapozó (számok szögletes mezőkben, nyilak körben – sablon: 64px-es kör) */
.ow-bpager { display: flex; justify-content: center; margin-top: 72px; }
.ow-bpager__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ow-bpager__list > li { margin: 0; padding: 0; }
.ow-bpager__list > li::before { display: none; }
.ow-bpager .page-numbers {
  display: inline-grid; place-items: center; box-sizing: border-box; min-width: 48px; height: 48px; padding: 0 10px;
  border: 1px solid var(--ow-border); background: var(--ow-white); color: var(--ow-navy);
  font-size: var(--ow-fs-text-100); font-weight: var(--ow-fw-medium); line-height: 1; text-decoration: none;
  transition: background-color var(--ow-dur) var(--ow-ease), border-color var(--ow-dur) var(--ow-ease), color var(--ow-dur) var(--ow-ease), transform var(--ow-dur) var(--ow-ease);
}
.ow-bpager a.page-numbers:hover, .ow-bpager .page-numbers.current { border-color: var(--ow-navy); background: var(--ow-navy); color: var(--ow-white); }
.ow-bpager .page-numbers.dots { min-width: 24px; padding: 0; border-color: transparent; background: none; }
.ow-bpager :is(.prev, .next).page-numbers { width: 56px; height: 56px; padding: 0; border-radius: 50%; }
.ow-bpager .next.page-numbers { border-color: var(--ow-orange); background: var(--ow-orange); color: var(--ow-navy); }
.ow-bpager :is(.prev, .next).page-numbers:hover { border-color: var(--ow-navy); background: var(--ow-navy); color: var(--ow-white); transform: scale(var(--ow-hover-scale-circle)); }
.ow-bpager .page-numbers svg { width: 22px; height: 22px; }
.ow-bpager__prev { margin-right: 16px; }
.ow-bpager__next { margin-left: 16px; }
.ow-bpager__status { display: none; color: var(--ow-heading); font-size: var(--ow-fs-text-200); font-weight: var(--ow-fw-medium); white-space: nowrap; }

/* ---------------------------------------------------------------- 6. Üres állapot (mint a webshop-kategóriáké) */
.ow-bempty { display: grid; justify-items: center; gap: 24px; padding: 80px 32px; border: 1px solid var(--ow-border); background: var(--ow-grey-50); text-align: center; }
.ow-bempty__icon { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid var(--ow-border); background: var(--ow-white); color: var(--ow-navy); }
.ow-bempty__text { max-width: 600px; margin: 0; color: var(--ow-heading); font-size: var(--ow-fs-h4); font-weight: var(--ow-fw-medium); line-height: var(--ow-lh-h2); }
.ow-bempty .ow-btns { justify-content: center; margin-top: 0; }

/* ---------------------------------------------------------------- 7. Cikk: szöveghasáb | ragadós oldalsáv */
.ow-bsec--post { padding-block: 72px var(--ow-section-y-md); }
.ow-post__layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(300px, 380px); justify-content: space-between; column-gap: 64px; row-gap: 80px; align-items: start; }
.ow-post__main { min-width: 0; }
.ow-post__aside { display: flex; flex-direction: column; gap: 32px; align-self: stretch; min-width: 0; }
/* a menü együtt görög az oldallal, a kapcsolat-doboz ragad (mint a szolgáltatás-oldalakon) */
@media screen and (min-width: 992px) {
  .ow-post__aside .ow-cbox { position: sticky; top: calc(var(--ow-header-h-sticky) + 32px); }
  .admin-bar .ow-post__aside .ow-cbox { top: calc(var(--ow-header-h-sticky) + 64px); }
}

/* meta-sor: dátum · olvasási idő | kategóriák */
.ow-post__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin: 0 0 48px; padding: 0 0 24px; border-bottom: 1px solid var(--ow-border); }
.ow-post__facts { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; padding: 0; list-style: none; }
.ow-post__facts > li { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; color: var(--ow-heading); font-size: var(--ow-fs-text-100); font-weight: var(--ow-fw-medium); line-height: 1.4; }
.ow-post__facts > li::before { display: none; }
.ow-post__facts .ow-ico { flex: none; color: var(--ow-orange-text); }
.ow-post__cats { gap: 8px; }

/* ---------------------------------------------------------------- 8. Cikk szövege (.ow-prose + .ow-prose--long alapokra; Gutenberg-blokkok és klasszikus jelölés) */
.ow-post__body { max-width: 760px; color: var(--ow-text); font-size: var(--ow-fs-body); line-height: var(--ow-lh-body); overflow-wrap: break-word; }
.ow-post__body::after { content: ""; display: table; clear: both; }  /* úsztatott képek ne lógjanak ki */
.ow-post__body > :first-child { margin-top: 0; }
.ow-post__body > :last-child { margin-bottom: 0; }
.ow-post__body :is(h2, h3, h4, h5, h6) { scroll-margin-top: calc(var(--ow-header-h-sticky) + 24px); }
/* címsor sosem úszik kép mellé (különben a kép mellé szorul, és a h2 narancs ::before vonala a kép alá kerül) */
.ow-post__body :is(h2, h3, h4) { clear: both; }
.ow-post__body :is(h2, h3, h4, h5, h6) :is(strong, b) { font-weight: inherit; color: inherit; }  /* a régi cikkek címsoraiban <strong> van */
.ow-post__body h4 { margin: 36px 0 12px; font-size: var(--ow-fs-h4); line-height: var(--ow-lh-h4); }
.ow-post__body :is(h5, h6) { margin: 32px 0 8px; }
.ow-post__body :is(h2, h3, h4) + :is(h3, h4) { margin-top: 24px; }
.ow-post__body :is(h2, h3, h4, h5, h6) a { color: inherit; text-decoration-color: var(--ow-orange); }
/* felsorolások: a Gutenberg-lista „wp-block-list” osztályt kap – ugyanúgy, mint az osztály nélküliek (.ow-prose) */
/* flow-root: úsztatott kép mellett a lista dobozostul keskenyebb lesz – a jelölők nem csúsznak a kép alá */
.ow-post__body :is(ul, ol):is(:not([class]), .wp-block-list) { display: flow-root; margin: 24px 0 32px; padding-left: 24px; list-style-position: outside; color: inherit; }
.ow-post__body ul:is(:not([class]), .wp-block-list) { list-style-type: square; }
.ow-post__body ol:is(:not([class]), .wp-block-list) { list-style-type: decimal; }
.ow-post__body :is(ul, ol):is(:not([class]), .wp-block-list) > li { margin: 0 0 8px; padding-left: 6px; }
.ow-post__body :is(ul, ol):is(:not([class]), .wp-block-list) > li:last-child { margin-bottom: 0; }  /* a flow-root nem nyeli el (margó-összevonás) */
.ow-post__body :is(ul, ol):is(:not([class]), .wp-block-list) > li::marker { color: var(--ow-orange); font-weight: var(--ow-fw-medium); }
.ow-post__body li > :is(ul, ol) { margin: 8px 0 0; }
.ow-post__body a:not([class]) { overflow-wrap: anywhere; }

/* képek, képaláírás, igazítás (blokk és klasszikus szerkesztő) */
.ow-post__body :is(figure, .wp-caption) { max-width: 100%; margin: 40px 0; }
.ow-post__body :is(figure, .wp-caption, p) img, .ow-post__body > img { display: block; max-width: 100%; height: auto; }
.ow-post__body :is(.wp-block-image, .wp-caption) img { background: var(--ow-grey-50); }
.ow-post__body :is(figcaption, .wp-caption-text, .wp-element-caption) { margin: 12px 0 0; padding-left: 14px; border-left: 2px solid var(--ow-orange); color: var(--ow-text); font-size: 15px; line-height: 1.5; text-align: left; }
.ow-post__body :is(.aligncenter, .wp-block-image.aligncenter) { margin-inline: auto; }
.ow-post__body .wp-block-image.aligncenter, .ow-post__body figure.aligncenter { display: table; }
.ow-post__body .wp-block-image.aligncenter > figcaption, .ow-post__body figure.aligncenter > figcaption { display: table-caption; caption-side: bottom; }
.ow-post__body :is(.alignleft, .wp-block-image .alignleft) { float: left; max-width: 50%; margin: 8px 32px 24px 0; }
.ow-post__body :is(.alignright, .wp-block-image .alignright) { float: right; max-width: 50%; margin: 8px 0 24px 32px; }
.ow-post__body :is(.alignwide, .alignfull) { margin-inline: 0; }
.ow-post__body .wp-block-gallery, .ow-post__body .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin: 40px 0; padding: 0; list-style: none; }
.ow-post__body .wp-block-gallery figure, .ow-post__body .gallery .gallery-item { margin: 0; }
.ow-post__body .wp-block-gallery img, .ow-post__body .gallery img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* idézet (a .ow-prose blockquote alapjára) */
.ow-post__body blockquote { margin: 48px 0; padding: 4px 0 4px 28px; border-left: 3px solid var(--ow-orange); background: none; color: var(--ow-heading); font-size: var(--ow-fs-text-400); font-style: normal; line-height: 1.417; font-weight: var(--ow-fw-medium); }
.ow-post__body blockquote::before, .ow-post__body blockquote::after { content: none; }
.ow-post__body blockquote p { margin: 0 0 12px; font-size: inherit; line-height: inherit; color: inherit; }
.ow-post__body blockquote > :last-child { margin-bottom: 0; }
.ow-post__body blockquote :is(cite, footer) { display: block; margin-top: 16px; color: var(--ow-text); font-size: var(--ow-fs-text-100); font-style: normal; font-weight: var(--ow-fw-regular); line-height: 1.5; }
.ow-post__body blockquote cite::before { content: "— "; }
.ow-post__body .wp-block-pullquote { margin: 48px 0; padding: 0; border: 0; text-align: left; }

/* táblázat: vízszintesen görgethető keretben (mobilon nem töri szét a hasábot) */
.ow-post__body .wp-block-table { overflow-x: auto; margin: 40px 0; -webkit-overflow-scrolling: touch; }
.ow-post__body > table { display: block; max-width: 100%; overflow-x: auto; margin: 40px 0; }
/* a Betheme „style-simple” táblázat-szabályai (.style-simple table:not(.recaptchatable) th …) erősebbek → .ow-post előtag */
.ow-post .ow-post__body table { width: 100%; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; background: none; font-size: var(--ow-fs-text-100); line-height: 1.5; table-layout: auto; }
.ow-post .ow-post__body table :is(th, td) { padding: 14px 16px; border: 0; overflow-wrap: normal; hyphens: auto; -webkit-hyphens: auto; border-bottom: 1px solid var(--ow-border); background: none; color: var(--ow-text); text-align: left; vertical-align: top; }
.ow-post .ow-post__body table th, .ow-post .ow-post__body table thead td { background: var(--ow-navy); border-bottom-color: var(--ow-navy); color: var(--ow-white); font-weight: var(--ow-fw-medium); }
.ow-post .ow-post__body table tbody tr:nth-child(even) td { background: var(--ow-grey-50); }
.ow-post .ow-post__body table tbody tr:hover td { background: var(--ow-grey-200); }
.ow-post__body .wp-block-table table { min-width: 520px; }
.ow-post__body .wp-block-table figcaption { margin-top: 12px; }

/* beágyazás (YouTube, térkép), elválasztó, gomb, kód */
.ow-post__body .wp-block-embed { margin: 40px 0; }
.ow-post__body :is(.wp-block-embed__wrapper, p) > iframe, .ow-post__body > iframe { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.ow-post__body :is(hr, .wp-block-separator) { height: 1px; margin: 56px 0; border: 0; background: var(--ow-border); }
.ow-post__body .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 16px; margin: 32px 0; }
.ow-post__body .wp-block-button__link {
  display: inline-flex; align-items: center; padding: var(--ow-btn-pad-sm); border-radius: var(--ow-radius-btn); background: var(--ow-orange); color: var(--ow-navy);
  font-size: var(--ow-fs-btn-sm); font-weight: var(--ow-fw-medium); line-height: 18px; text-decoration: none; transition: background-color var(--ow-dur) var(--ow-ease), color var(--ow-dur) var(--ow-ease);
}
.ow-post__body .wp-block-button__link:hover { background: var(--ow-navy); color: var(--ow-white); }
.ow-post__body :is(pre, code) { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .875em; }
.ow-post__body pre { overflow-x: auto; margin: 32px 0; padding: 20px 24px; background: var(--ow-grey-50); }
.ow-post__body .wp-block-columns { display: flex; flex-wrap: wrap; gap: 28px; margin: 32px 0; }
.ow-post__body .wp-block-column { flex: 1 1 240px; min-width: 0; }
.ow-post__body .has-text-align-center { text-align: center; }
.ow-post__body .has-text-align-right { text-align: right; }
.ow-post__pages { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 40px; font-weight: var(--ow-fw-medium); }

/* ---------------------------------------------------------------- 9. Cikk alja: címkék, előző / következő */
.ow-post__foot { display: grid; gap: 40px; margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--ow-border); }
.ow-post__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.ow-post__label { margin: 0; color: var(--ow-heading); font-size: var(--ow-fs-text-100); font-weight: var(--ow-fw-bold); line-height: 1.2; }
.ow-post__tags .ow-chips__list { gap: 8px; }

.ow-postnav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ow-postnav__item {
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; padding: 24px 28px;
  border: 1px solid var(--ow-border); background: var(--ow-white); color: var(--ow-heading); text-decoration: none;
  transition: border-color var(--ow-dur) var(--ow-ease), background-color var(--ow-dur) var(--ow-ease);
}
.ow-postnav__item--next { align-items: flex-end; text-align: right; }
.ow-postnav__item.is-empty { padding: 0; border: 0; background: none; }
a.ow-postnav__item:hover { border-color: var(--ow-navy); background: var(--ow-grey-50); color: var(--ow-heading); text-decoration: none; }
.ow-postnav__label { display: inline-flex; align-items: center; gap: 8px; color: var(--ow-orange-text); font-size: 14px; font-weight: var(--ow-fw-medium); line-height: 1.2; }
.ow-postnav__label svg { flex: none; transition: transform var(--ow-dur) var(--ow-ease); }
a.ow-postnav__item--prev:hover .ow-postnav__label svg { transform: translateX(-4px); }
a.ow-postnav__item--next:hover .ow-postnav__label svg { transform: translateX(4px); }
.ow-postnav__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: var(--ow-fs-text-200); font-weight: var(--ow-fw-medium); line-height: 1.4; }

/* ---------------------------------------------------------------- 10. Kapcsolódó cikkek (szürke sáv) és CTA */
.ow-bsec--related { padding-block: var(--ow-section-y-md); background: var(--ow-grey-50); }
.ow-bsec--related .ow-bcard__media { background: var(--ow-white); }
.ow-bsec--related .ow-blist__title { font-size: var(--ow-fs-display-3); line-height: var(--ow-lh-display-3); }
/* CTA: a fotó balra a képernyő széléig fut ki (sections.css .ow-cta); a jobb oldali sáv alsó fele a lábléc színét kapja,
   így a fotó „lelép” a láblécbe (mint a szolgáltatás-oldalak utolsó CTA szekciójánál) */
.ow-bsec--cta { padding: 0; overflow-x: clip; }
.ow-bsec--cta .ow-bwrap { position: relative; z-index: 1; }
.ow-bsec--cta::after {
  content: ""; position: absolute; right: 0; bottom: 0; z-index: 0; width: calc((100% - min(var(--ow-wrap), 100% - 2 * var(--ow-gutter))) / 2); height: 48%;
  background: var(--ow-bg-footer, var(--ow-navy-900));
}
.ow-bsec--related + .ow-bsec--cta { background: linear-gradient(var(--ow-grey-50) 0 52%, var(--ow-white) 52%); }

/* ==========================================================================
   Kisebb asztali (≤1199px)
   ========================================================================== */
@media screen and (max-width: 1199px) {
  .ow-post__layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); column-gap: 48px; }
}
/* 992–1199px: a szöveghasáb ~560–760px → az úsztatott kép legfeljebb 40%, hogy mellette ne maradjon 260px-es szöveg-oszlop */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ow-post__body :is(.alignleft, .alignright, .wp-block-image .alignleft, .wp-block-image .alignright) { max-width: 40%; }
}

/* ==========================================================================
   Tablet (≤991px)
   ========================================================================== */
@media screen and (max-width: 991px) {
  .ow-bgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 56px; }
  .ow-bgrid > .ow-bcard:nth-child(n) { --ow-d: .2s; }
  .ow-bgrid > .ow-bcard:nth-child(2n) { --ow-d: .3s; }
  .ow-bsec--related .ow-bgrid > .ow-bcard:nth-child(3) { display: none; } /* 2 oszlopban 2 kapcsolódó cikk – ne maradjon árva kártya */
  .ow-bsec--post { padding-top: 56px; }
  .ow-post__layout { grid-template-columns: minmax(0, 1fr); row-gap: 72px; }
  .ow-post__body { max-width: none; }
  .ow-post__aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
  .ow-blist__head { margin-bottom: 48px; }
}

/* ==========================================================================
   Mobil fekvő (≤767px)
   ========================================================================== */
@media screen and (max-width: 767px) {
  .ow-bgrid { grid-template-columns: minmax(0, 1fr); row-gap: 48px; }
  .ow-bsec--related .ow-bgrid > .ow-bcard:nth-child(3) { display: flex; }
  .ow-blist__head { gap: 24px; margin-bottom: 40px; }
  .ow-blist__head--split { flex-direction: column; align-items: flex-start; }
  /* chipek: egy sorban, vízszintesen görgethető a képernyő széléig (az aktuálisat az inc/blog.php kis szkriptje görgeti láthatóvá) */
  .ow-bchips { width: calc(100% + var(--ow-gutter)); margin-right: calc(-1 * var(--ow-gutter)); }
  .ow-bchips .ow-chips__list {
    flex-wrap: nowrap; overflow-x: auto; padding: 0 48px 8px 0;  /* a végén is kilóg a halványításból */ scroll-snap-type: x proximity; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent);
  }
  .ow-bchips .ow-chips__list::-webkit-scrollbar { display: none; }
  .ow-bchips .ow-chips__list li { scroll-snap-align: start; }
  .ow-bpager { margin-top: 56px; }
  .ow-bempty { padding: 56px 24px; }
  .ow-bsec--post { padding-top: 40px; }
  .ow-post__meta { margin-bottom: 36px; padding-bottom: 20px; }
  .ow-post__body :is(.alignleft, .alignright, .wp-block-image .alignleft, .wp-block-image .alignright) { float: none; max-width: 100%; margin: 32px 0; }
  /* a volt úsztatott (200–300px-es „medium”) képek teljes hasábszélességben – az álló kép legfeljebb 4:5 arányú, középre vágva
     (a sizes-t az inc/blog.php the_content-szűrője igazítja ehhez) */
  .ow-post__body :is(.alignleft, .alignright) img, .ow-post__body img:is(.alignleft, .alignright) {
    width: 100%; height: auto; max-height: calc(1.25 * (100vw - 2 * var(--ow-gutter))); object-fit: cover;
  }
  .ow-post__body :is(figure, .wp-caption) { margin: 32px 0; }
  .ow-post__body blockquote { margin: 36px 0; padding-left: 20px; }
  .ow-post .ow-post__body table :is(th, td) { padding: 12px; }
  .ow-post__foot { margin-top: 48px; padding-top: 32px; gap: 32px; }
  .ow-post__aside { display: flex; align-items: stretch; }
  .ow-postnav__item { padding: 20px; }
}

/* ==========================================================================
   Mobil álló (≤479px)
   ========================================================================== */
@media screen and (max-width: 479px) {
  .ow-bpager__num, .ow-bpager__dots { display: none; }
  .ow-bpager__status { display: block; margin: 0 8px; }
  .ow-bpager__prev { margin-right: 0; }
  .ow-bpager__next { margin-left: 0; }
  .ow-postnav { grid-template-columns: minmax(0, 1fr); }
  .ow-postnav__item.is-empty { display: none; }
  .ow-postnav__item--next { align-items: flex-start; text-align: left; }
  .ow-post__facts { gap: 8px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .ow-bcard:hover img.ow-bcard__img { transform: none; }
}