/**
 * rp-post-hero.css
 * Full-bleed featured-image hero for single blog posts (post type `post`).
 *
 * Rendered by inc/rp-post-hero.php, which swaps Kadence's default light
 * page-title band (.entry-hero) for the .post-hero section below — but ONLY on
 * a single post that has a featured image. Pages (page.php) and posts without a
 * thumbnail keep Kadence's normal band untouched.
 *
 * The section is emitted on the `kadence_hero_header` hook, which fires before
 * #primary / .site-container, so .post-hero sits outside the theme's content
 * container and bleeds edge-to-edge. Post CONTENT below still renders at the
 * theme's normal content width/typography — only this hero changes.
 *
 * Enqueued (conditionally, single-post-with-thumbnail only) after Poppins,
 * Mulish and kadence-child's style.css so it wins the cascade without !important.
 */

.post-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;background:#0d0420;}
.post-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.post-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,4,32,0.15) 0%,rgba(13,4,32,0.55) 55%,rgba(13,4,32,0.94) 100%);}
.post-hero-inner{position:relative;max-width:900px;margin:0 auto;padding:120px 24px 44px;width:100%;box-sizing:border-box;}
.post-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 Poppins,sans-serif;text-transform:uppercase;letter-spacing:0.12em;color:#00e5a8;background:rgba(0,229,168,0.12);border:1px solid rgba(0,229,168,0.35);padding:5px 14px;border-radius:999px;}
.post-title{font:700 46px/1.12 Poppins,sans-serif;letter-spacing:-0.02em;color:#fff;margin:18px 0 0;text-wrap:pretty;}
.post-meta{display:flex;align-items:center;gap:14px;margin-top:22px;font:400 13px/1 Mulish,sans-serif;color:rgba(255,255,255,0.72);}
.post-meta-avatar img{width:32px;height:32px;border-radius:50%;display:block;}
.post-meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.5);}
.post-hero-divider{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#2f7bff,#b341ff,#ff2d8e);box-shadow:0 0 24px rgba(179,65,255,0.45);}
@media(max-width:640px){.post-title{font-size:30px}.post-hero{min-height:360px}}