/* ── SHARED HEADER ADDITIONS ─────────────────────────────────── */
.hdr-nav { display:flex; align-items:center; gap:.3rem; }
.hnav { font-family:var(--mono); font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); text-decoration:none; padding:5px 14px; border:1px solid transparent; border-radius:2px; transition:all .13s; white-space:nowrap; }
.hnav:hover { color:var(--text); border-color:var(--border-h); }
.hnav.on { background:var(--accent); color:#06080c; border-color:var(--accent); font-weight:700; box-shadow:0 0 14px rgba(232,255,71,.35); }
.hnav.soon { opacity:.35; pointer-events:none; }
.hdr-r { display:flex; align-items:center; gap:.8rem; }
.hdr-clock { font-family:var(--mono); font-size:.58rem; color:var(--muted); letter-spacing:.06em; }
.live-lbl { font-family:var(--mono); font-size:.5rem; color:var(--green); letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:5px; }
.live-dot { width:5px; height:5px; border-radius:50%; background:var(--green); animation:hb 2.4s ease-in-out infinite; }
@keyframes hb { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.4)} }
.submit-btn { font-family:var(--mono); font-size:.54rem; letter-spacing:.08em; text-transform:uppercase; background:var(--accent); color:#06080c; border:none; padding:6px 14px; border-radius:3px; cursor:pointer; font-weight:700; }

/* ── FOOTER ──────────────────────────────────────────────────── */
.site-footer { position:fixed; bottom:0; left:0; right:0; z-index:200; background:rgba(6,8,12,.97); backdrop-filter:blur(20px); border-top:1px solid var(--border); display:flex; flex-direction:column; overflow:hidden; }
.ttrack-wrap { height:28px; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid var(--border); }
.ttrack { display:flex; align-items:center; white-space:nowrap; animation:tk 80s linear infinite; }
.site-footer:hover .ttrack { animation-play-state:paused; }
@keyframes tk { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.titem { font-family:var(--mono); font-size:.52rem; color:var(--muted); padding:0 1.8rem; letter-spacing:.03em; }
.titem a { color:inherit; text-decoration:none; }
.titem a:hover { color:var(--accent); }
.thot { color:var(--accent)!important; }
.made-bar { height:22px; display:flex; align-items:center; justify-content:center; }
.made-txt { font-family:var(--mono); font-size:.48rem; color:var(--dim); letter-spacing:.08em; }
.made-txt a { color:var(--muted); text-decoration:none; }
.made-txt a:hover { color:var(--accent); }

/* ── BLOG CARD BADGE ─────────────────────────────────────────── */
.blog-badge { font-family:var(--mono); font-size:.58rem; letter-spacing:.05em; text-transform:uppercase; padding:3px 8px; border-radius:2px; flex-shrink:0; background:rgba(71,176,255,.1); color:var(--blue); border:1px solid rgba(71,176,255,.2); }
.cbar-label { font-family:var(--mono); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); font-weight:600; }

/* ── BLOG GRID (archive.php) ─────────────────────────────────── */
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
.blog-card { background:var(--card); padding:1.4rem; display:flex; flex-direction:column; gap:.85rem; transition:background .15s; }
.blog-card:hover { background:var(--card-h); }
.blog-card .cimg img { width:100%; height:165px; object-fit:cover; display:block; border-radius:5px; }

/* ── SINGLE POST ─────────────────────────────────────────────── */
.single-layout { max-width:820px; }
.single-meta { display:flex; align-items:center; gap:.5rem; margin-bottom:1.2rem; }
.cdiv-inline { color:var(--dim); font-size:.6rem; }
.single-title { font-family:var(--display); font-size:2.8rem; letter-spacing:.04em; line-height:1.15; color:var(--text); margin-bottom:1.5rem; }
.single-thumb { border-radius:8px; overflow:hidden; margin-bottom:2rem; }
.single-thumb img { width:100%; max-height:480px; object-fit:cover; display:block; }
.single-content { font-size:.95rem; line-height:1.8; color:#dde8f4; }
.single-content h2,.single-content h3 { font-family:var(--display); letter-spacing:.04em; color:var(--text); margin:2rem 0 .8rem; }
.single-content h2 { font-size:1.8rem; }
.single-content h3 { font-size:1.3rem; }
.single-content p { margin-bottom:1.2rem; }
.single-content a { color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(232,255,71,.3); }
.single-content a:hover { border-color:var(--accent); }
.single-content code { font-family:var(--mono); font-size:.82rem; background:var(--surface); padding:2px 6px; border-radius:3px; border:1px solid var(--border); }
.single-content pre { background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:1.2rem; overflow-x:auto; margin-bottom:1.2rem; }
.single-content blockquote { border-left:3px solid var(--accent); padding-left:1.2rem; color:var(--muted); font-style:italic; margin:1.5rem 0; }
.single-footer { display:flex; align-items:center; justify-content:space-between; padding-top:2rem; margin-top:2rem; border-top:1px solid var(--border); flex-wrap:wrap; gap:.8rem; }
.post-tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.tag-pill { font-family:var(--mono); font-size:.52rem; color:var(--muted); background:var(--surface); border:1px solid var(--border); padding:3px 8px; border-radius:2px; letter-spacing:.04em; }

/* ── COURSES COMING SOON ─────────────────────────────────────── */
.coming-soon-wrap { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:60vh; text-align:center; max-width:520px; margin:0 auto; gap:1rem; }
.cs-icon { font-size:2.5rem; color:var(--accent); }
.cs-title { font-family:var(--display); font-size:3.5rem; letter-spacing:.06em; color:var(--text); }
.cs-sub { font-family:var(--mono); font-size:.72rem; color:var(--accent); letter-spacing:.08em; text-transform:uppercase; }
.cs-desc { font-size:.9rem; color:var(--muted); line-height:1.7; }
.cs-notify { display:flex; gap:.5rem; margin-top:.5rem; }
.cs-notify input { flex:1; background:rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text); font-family:var(--body); font-size:.82rem; padding:8px 12px; border-radius:3px; outline:none; }
.cs-notify input:focus { border-color:var(--border-h); }

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:1100px) { .blog-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:680px) {
  .hdr-nav { display:none; }
  .blog-grid { grid-template-columns:1fr; }
  .single-title { font-size:2rem; }
}

/* ── HEADER SEARCH ────────────────────────────────────────────── */
.hdr-srch{position:relative;display:flex;align-items:center}
.hdr-srch input,.hdr-srch input[type="search"]{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text);font-family:var(--body);font-size:.74rem;padding:5px 10px 5px 26px;border-radius:3px;outline:none;transition:border-color .15s;width:170px}
.hdr-srch input:focus{border-color:var(--border-h)}
.hdr-srch input::placeholder{color:var(--muted)}
.hdr-srch .sico{position:absolute;left:8px;color:var(--muted);pointer-events:none}

.site-logo{height:36px!important;width:auto!important;max-width:180px!important;object-fit:contain!important;display:block}