/*
Theme Name: Apka8 Viral
Theme URI: https://apka8.com
Author: Apka8
Description: Viral videos, TikTok/Reels, funny, AI videos and news theme. Categories auto-create on activation; text and ads editable from Appearance > Customize > Apka8 Theme Options.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: apka8
*/

:root{--bg:#f6f7fb;--card:#fff;--text:#171923;--muted:#6b7280;--accent:#ff1744;--dark:#111827;--border:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}.top{background:linear-gradient(135deg,#111827,#252a38);color:#fff;font-size:13px;text-align:center;padding:8px}
header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;gap:20px}
.logo{font-size:28px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--accent)}
nav{display:flex;gap:20px;font-size:14px;font-weight:700}nav a:hover{color:var(--accent)}
.menu{display:none;background:none;border:0;font-size:25px}
.hero{background:linear-gradient(135deg,#111827 0%,#242938 55%,#3b1f2b 100%);color:#fff;padding:52px 18px}
.hero-in{max-width:1180px;margin:auto}.eyebrow{color:#ff5270;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:1px}
h1{font-size:46px;line-height:1.05;margin:10px 0 14px}.hero p{max-width:650px;color:#d1d5db;font-size:17px;line-height:1.6;margin:0}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 20px;border-radius:8px;font-weight:800;margin-top:22px}
.wrap{max-width:1180px;margin:auto;padding:30px 18px}.cats{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.cat{white-space:nowrap;background:#fff;border:1px solid var(--border);padding:10px 15px;border-radius:999px;font-weight:700;font-size:14px}.cat.active,.cat:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.ad{min-height:90px;border:1px dashed #c9ccd3;background:#fff;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin:22px 0;font-size:12px}
.section-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 16px}.section-head h2{margin:0;font-size:25px}.more{font-size:13px;color:var(--accent);font-weight:800}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(17,24,39,.04);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(17,24,39,.10)}
.thumb{height:190px;background:linear-gradient(135deg,#252a38,#ff1744);position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px}.thumb .tag{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.65);font-size:11px;padding:5px 8px;border-radius:5px}.play{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);color:#111;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:3px}
.card-body{padding:14px}.card h3{font-size:16px;line-height:1.4;margin:0 0 9px}.meta{font-size:12px;color:var(--muted)}.watch{display:block;text-align:center;background:#111827;color:#fff;padding:9px;border-radius:7px;font-size:13px;font-weight:800;margin-top:12px}.watch:hover{background:var(--accent)}
.news{display:grid;grid-template-columns:2fr 1fr;gap:18px}.news .card .thumb{height:230px}
footer{background:#111827;color:#cbd5e1;margin-top:45px}.foot{max-width:1180px;margin:auto;padding:38px 18px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot h3{color:#fff;margin-top:0}.foot p{line-height:1.6;font-size:13px}.foot a{display:block;margin:9px 0;font-size:13px}.copy{border-top:1px solid #374151;text-align:center;padding:17px;font-size:12px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}nav{display:none}.menu{display:block}}
@media(max-width:600px){h1{font-size:34px}.hero{padding:40px 18px}.grid{grid-template-columns:1fr 1fr;gap:12px}.thumb{height:145px}.card h3{font-size:14px}.news{grid-template-columns:1fr}.news .card .thumb{height:180px}.foot{grid-template-columns:1fr}.nav{padding:12px 15px}.logo{font-size:24px}}

/* ---- WordPress additions ---- */
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
nav .current-menu-item>a,nav .current-cat>a{color:var(--accent)}
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}
.thumb{overflow:hidden}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.thumb .play,.thumb .tag{z-index:1}
.page-title{font-size:30px;margin:0 0 20px}
.ad{overflow:hidden}
.empty{background:#fff;border:1px dashed #c9ccd3;border-radius:12px;padding:28px;text-align:center;color:var(--muted);line-height:1.6}
.foot ul{list-style:none;margin:0;padding:0}
.foot .cat-item a,.foot li a{display:block;margin:9px 0;font-size:13px}
.navigation.pagination{margin:34px 0 0}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.nav-links .page-numbers{background:#fff;border:1px solid var(--border);padding:9px 14px;border-radius:8px;font-weight:700;font-size:14px}
.nav-links .current,.nav-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.single-wrap{max-width:820px;margin:auto;padding:30px 18px}
.single-wrap h1{font-size:34px;line-height:1.2;margin:8px 0 10px}
.single-wrap .meta{margin-bottom:18px}
.single-wrap .feat img{width:100%;height:auto;border-radius:12px;margin-bottom:18px}
.entry-content{font-size:17px;line-height:1.75}
.entry-content img,.entry-content video{max-width:100%;height:auto}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-embed__wrapper,.entry-content .is-type-video .wp-block-embed__wrapper{position:relative;padding-top:56.25%}
.entry-content .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.entry-content a{color:var(--accent);font-weight:700}
.related{max-width:1180px;margin:auto;padding:0 18px}
.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){
 .nav{flex-wrap:wrap}
 .nav-open nav{display:block;order:3;width:100%}
 .nav-open nav ul{flex-direction:column;gap:0}
 .nav-open nav a{display:block;padding:12px 0;border-top:1px solid var(--border)}
}

/* ---- Lightbox ---- */
.lb-img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:99999;background:rgba(10,12,18,.94);display:none;align-items:center;justify-content:center;flex-direction:column}
.lb.open{display:flex}
.lb img{max-width:94vw;max-height:80vh;object-fit:contain;border-radius:6px}
.lb-cap{color:#e5e7eb;font-size:14px;margin-top:12px;max-width:90vw;text-align:center;min-height:20px}
.lb-count{position:absolute;top:18px;left:18px;color:#fff;font-size:14px;font-weight:700}
.lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:46px;height:46px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}
.lb button:hover,.lb button:focus-visible{background:var(--accent)}
.lb-x{top:12px;right:14px}
.lb-p,.lb-n{top:50%;transform:translateY(-50%)}
.lb-p{left:12px}.lb-n{right:12px}
body.lb-lock{overflow:hidden}