/*
Theme Name: Aeroframe Blog v11.3 (Black Edition)
Description: Monochrome palette (black/gray), responsive blog index, hero overlays, menu fallback, related posts grid.
Version: 11.3
Text Domain: aeroframe-blog
*/

:root{
  --af-primary:#000000;
  --af-secondary:#2b2b2b;
  --af-on-dark:#ffffff;
}

/* Base */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#fff;color:#212529;line-height:1.72}
h1,h2,h3,h4,h5{font-weight:600}
a{color:var(--af-primary);text-decoration:none}
a:hover{color:var(--af-secondary);text-decoration:underline}

/* Buttons (override Bootstrap primary) */
.btn-primary{background:var(--af-primary);border-color:var(--af-primary)}
.btn-primary:hover,.btn-primary:focus{background:var(--af-secondary);border-color:var(--af-secondary)}
.btn-outline-primary{color:var(--af-primary);border-color:var(--af-primary)}
.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--af-on-dark);background:var(--af-primary);border-color:var(--af-primary)}
.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active{color:var(--af-on-dark);background:var(--af-primary);border-color:var(--af-primary)}

/* Hero */
.hero{position:relative;height:450px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--af-on-dark);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.hero .hero-content{position:relative;z-index:2}
.hero h1,.hero p,.hero .category-badge,.hero .post-meta{color:var(--af-on-dark)!important}

/* Category badge */
.category-badge{display:inline-block;background:var(--af-primary);color:#fff;font-size:.75rem;padding:.25rem .6rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}

/* Post list (home) */
.post-list-item{display:flex;gap:2rem;align-items:flex-start;border-bottom:1px solid #e9ecef;padding:2rem 0}
.post-list-item img{max-width:300px;border-radius:8px;display:block;height:auto}
.post-meta{font-size:.9rem;color:#6c757d}

/* Fade helpers */
.fade-target{opacity:0;transition:opacity .6s ease-in-out}
.fade-target.fade-in{opacity:1}

/* Article container */
.article-shell{padding:2rem 0}
.article-content{max-width:820px;margin:0 auto;padding:0 16px}
.article-content p{margin:1rem 0}
.article-content img{max-width:100%;height:auto;border-radius:6px}
.article-content ul, .article-content ol{padding-left:1.25rem}

/* Related posts */
.related-shell{padding:3rem 0;border-top:1px solid #e9ecef;background:#fff}
.related-posts{opacity:0;transition:opacity .6s ease-in-out}
.related-posts.fade-in{opacity:1}
.related-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}
.related-card .title{margin:.75rem 0 .25rem 0;font-weight:600;line-height:1.3}
.related-card .meta{font-size:.85rem;color:#6c757d}

/* Navbar / Footer */
.navbar-nav .nav-item{list-style:none}
.navbar-nav .nav-link{color:#212529;margin:0 .75rem;position:relative}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{color:var(--af-primary)}
.navbar-nav .nav-link::after{content:"";display:block;width:0;height:2px;background:var(--af-primary);transition:width .25s;margin:0 auto}
.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link:focus::after,.navbar-nav .nav-link.active::after{width:100%}
.footer{background:#0a0a0a;color:#fff;padding:40px 0}
.footer a{color:#ccc;text-decoration:none}
.footer a:hover{color:#fff;border-bottom:2px solid var(--af-primary)}
.footer .footer-menu{margin-top:15px}
.footer .footer-menu li{display:inline;margin:0 10px;list-style:none}

/* Spinner (monochrome) */
.text-primary{color:var(--af-secondary)!important}
.spinner-border{color:var(--af-secondary)}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px){
  .post-list-item{gap:1.25rem}
  .post-list-item img{max-width:240px}
}
@media (max-width: 767.98px){
  .hero{height:360px}
  .post-list-item{flex-direction:column}
  .post-list-item img{max-width:100%;width:100%}
  .post-list-item > div{width:100%}
  .navbar-nav .nav-link{margin:.5rem 0}
}