/*
Theme Name: Built by AI Blog
Author: Built by AI
Description: Responsive WordPress blog theme with black background, Built by AI header, wide blog column, useful links sidebar, search, About link, login button, comments, and Discussion Forum text view.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: built-by-ai-blog
Tags: blog, custom-colors, custom-menu, featured-images, threaded-comments, two-columns, responsive-layout
*/
:root{--bbai-bg:#050505;--bbai-card:#111;--bbai-border:#242424;--bbai-text:#f4f4f5;--bbai-muted:#a1a1aa;--bbai-white:#fff;--bbai-accent:#1677ff}
*{box-sizing:border-box}body{margin:0;background:var(--bbai-bg);color:var(--bbai-text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--bbai-accent);text-decoration:none}a:hover{text-decoration:underline}img,video,iframe{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}
.site-header{background:radial-gradient(circle at top center,rgba(22,119,255,.2),transparent 45%),#000;border-bottom:1px solid #202020}.topbar{width:min(1320px,96%);margin:0 auto;padding:14px 0;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.left-nav,.right-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.right-nav{justify-content:flex-end}.header-button,.login-link,.discussion-link{border:1px solid #333;border-radius:999px;padding:8px 14px;color:#e5e7eb;background:#111}.header-button:hover,.login-link:hover,.discussion-link:hover{text-decoration:none;border-color:var(--bbai-accent)}.menu-toggle{display:none;background:#222;color:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:800}.nav-menu{display:flex;align-items:center;gap:12px;justify-content:center}.nav-menu ul{display:flex;gap:14px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap}.nav-menu a{color:#e5e7eb}
.hero-inner{width:min(1320px,96%);margin:0 auto;text-align:center;padding:10px 16px 18px}.hero-title{margin:0;font-size:clamp(1.8rem,4.5vw,3.5rem);line-height:1.05;letter-spacing:.02em}.hero-title .built-by{color:var(--bbai-white)}.hero-title .ai-word{color:var(--bbai-accent)}.hero-subtitle{max-width:850px;margin:8px auto 0;color:#c7c7c7;font-size:1.03rem}
.site-layout{width:min(1320px,96%);margin:22px auto;display:grid;grid-template-columns:minmax(0,1fr)240px;gap:18px;align-items:start}.content-column{min-width:0}.sidebar{display:grid;gap:18px}.post-card,.widget,.comments-area,.comment-respond,.page-card,.no-posts,.forum-card{background:var(--bbai-card);border:1px solid var(--bbai-border);border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.35);margin-bottom:20px}.post-card:hover{border-color:var(--bbai-accent)}.post-card h1,.post-card h2,.page-card h1{margin-top:0;line-height:1.2}.post-card h2{font-size:1.45rem}.post-card h2 a{color:var(--bbai-white)}.entry-meta,.comment-meta,.forum-meta{color:var(--bbai-muted);font-size:.93rem;margin:0 0 10px}.entry-summary{color:#e5e7eb}.entry-summary p{margin-top:0}.read-more{font-weight:700}.post-thumbnail img{width:100%;max-height:340px;object-fit:cover;border-radius:14px;margin:8px 0 12px}.single .post-thumbnail img{max-height:520px}.entry-content{font-size:1.06rem}.entry-content audio{width:100%}.entry-content blockquote{border-left:4px solid var(--bbai-accent);padding-left:16px;color:#d4d4d8}
.search-widget form{display:block}.search-widget input[type=search]{width:100%;padding:11px;border-radius:999px;border:1px solid #333;background:#050505;color:#fff}.widget h2,.widget-title{margin-top:0;font-size:1.1rem}.widget ul{list-style:none;padding:0;margin:0}.widget li{border-top:1px solid #2a2a2a;padding:10px 0}.widget li:first-child{border-top:0}.footer{width:min(1320px,96%);margin:24px auto;color:var(--bbai-muted);text-align:center}
.comments-area h2{margin-top:0}.comment-list{list-style:none;margin:0;padding:0}.comment{border-top:1px solid #2a2a2a;padding:14px 0}.comment:first-child{border-top:0}.comment-content{max-height:34em;overflow:auto}.comment-form label{display:block;font-weight:700;margin:14px 0 6px}.comment-form input,.comment-form textarea{width:100%;padding:13px;border-radius:12px;border:1px solid #333;background:#050505;color:#fff;font:inherit}.comment-form textarea{max-height:34em}.comment-form input[type=submit],button,.button{display:inline-block;margin-top:14px;padding:11px 16px;border:0;border-radius:999px;background:var(--bbai-accent);color:#fff;font-weight:800;cursor:pointer;text-decoration:none}
.nav-links{display:flex;justify-content:space-between;gap:16px;margin:20px 0}.forum-post{border-top:1px solid #2a2a2a;padding:18px 0}.forum-post:first-child{border-top:0}.forum-content,.forum-comment-content{white-space:pre-wrap}.forum-comments{margin-left:18px;border-left:2px solid #333;padding-left:14px}.forum-comment{margin:12px 0}.category-list{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}.category-list a{border:1px solid #333;border-radius:999px;padding:4px 10px;background:#0b0b0b}
@media(max-width:900px){.site-layout{grid-template-columns:1fr}.topbar{grid-template-columns:auto auto;justify-content:space-between}.nav-menu{grid-column:1/-1}}@media(max-width:680px){.topbar{display:flex;flex-wrap:wrap;align-items:flex-start}.menu-toggle{display:inline-block}.nav-menu,.right-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:8px 0}.nav-menu ul{flex-direction:column;align-items:flex-start}.nav-open .nav-menu,.nav-open .right-nav{display:flex}.hero-title{font-size:2rem}.hero-subtitle{font-size:.96rem}.post-card,.widget,.comments-area,.comment-respond,.page-card,.forum-card{padding:18px}.search-widget form{display:block}.left-nav{width:100%;justify-content:space-between}}


/* v5 mobile cleanup */
@media(max-width:680px){
  .nav-open .hero-inner{
    display:grid;
  }
  .nav-open .nav-menu:empty{
    display:none;
  }
  .nav-open .nav-menu .hero-title,
  .nav-open .nav-menu .hero-subtitle,
  .nav-open .nav-menu .site-title,
  .nav-open .nav-menu .site-description{
    display:none!important;
  }
}

/* Discussion Forum should never show default 404 search styling before transcript */
body.bbai-discussion-forum .search-form,
body.bbai-discussion-forum .no-posts{
  display:none!important;
}