/*
Theme Name: Live TV OTT
Theme URI: https://example.com/
Author: Custom
Description: Dark, responsive Live TV OTT WordPress theme for legal live streams.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
*/
:root{--bg:#07090d;--panel:#10141b;--panel2:#151a22;--text:#f5f7fa;--muted:#9da7b5;--red:#ff3151;--border:#252c37}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,13,.92);backdrop-filter:blur(14px);border-bottom:1px solid #171c24}.nav{max-width:1240px;margin:auto;padding:16px 22px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:22px;letter-spacing:.5px}.brand span{color:var(--red)}.menu{display:flex;gap:22px;color:#cbd2dc;font-size:14px}.menu a:hover{color:#fff}.search{margin-left:auto;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:9px 14px;color:#9da7b5;min-width:190px}.wrap{max-width:1240px;margin:auto;padding:28px 22px 70px}.hero{display:grid;grid-template-columns:1.55fr .85fr;gap:22px}.player{background:#000;border-radius:20px;overflow:hidden;aspect-ratio:16/9;border:1px solid #202631;position:relative}.player iframe,.player video{width:100%;height:100%;border:0}.placeholder{height:100%;display:grid;place-items:center;color:#6f7887;font-size:18px}.hero-info{background:linear-gradient(145deg,#151a23,#0c1016);border:1px solid var(--border);border-radius:20px;padding:30px;display:flex;flex-direction:column;justify-content:center}.live{display:inline-flex;align-items:center;gap:7px;color:#fff;background:var(--red);padding:7px 11px;border-radius:7px;font-size:12px;font-weight:800;width:max-content}.dot{width:7px;height:7px;border-radius:50%;background:#fff}.hero h1{font-size:42px;line-height:1.05;margin:18px 0 10px}.hero p{color:var(--muted);line-height:1.7}.btn{display:inline-flex;width:max-content;margin-top:14px;padding:12px 18px;background:#fff;color:#090b0f;border-radius:10px;font-weight:800}.section{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section h2{font-size:22px;margin:0}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#3a4350}.logo{aspect-ratio:16/9;background:linear-gradient(135deg,#1c222c,#0b0e13);display:grid;place-items:center;font-weight:900;font-size:22px}.card-body{padding:12px}.title{font-weight:800;font-size:14px}.meta{color:var(--muted);font-size:12px;margin-top:6px}.categories{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:9px 13px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:#c8d0da;font-size:13px}.site-footer{border-top:1px solid #171c24;padding:28px 22px;color:var(--muted);text-align:center;font-size:13px}.mobile-nav{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}.menu{display:none}.search{min-width:0;width:38px;font-size:0}.hero h1{font-size:34px}}
@media(max-width:600px){.wrap{padding:18px 14px 90px}.nav{padding:13px 14px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-info{padding:22px}.hero h1{font-size:29px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(10,12,17,.96);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:60;justify-content:space-around;padding:11px 6px}.mobile-nav a{font-size:11px;color:#b7c0cb;text-align:center}.mobile-nav a.active{color:#fff}}