/*
Theme Name: BANBILE TV OTT THE ONE 96.2
Theme URI: https://banbiletv.com
Author: AWOBAZ DTS INC
Description: BANBILE TV is a complete OTT streaming platform built to deliver the best of Haitian entertainment in one place. The experience is designed to feel modern, simple, and premium, with a layout inspired by top platforms but customized for our audience.
Version: 96.0.0
Text Domain: banbile-tv-ott-theme-v96
*/
:root{--bb-red:#e50925;--bb-blue:#1769ff;--bb-bg:#05070b;--bb-deep:#080d18;--bb-card:#101827;--bb-text:#fff;--bb-muted:#a8b0c4;--bb-line:rgba(255,255,255,.13);--bb-max:1280px}*{box-sizing:border-box}html,body{margin:0;background:var(--bb-bg);color:var(--bb-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.bb-site-header{position:sticky;top:0;z-index:999;background:rgba(5,7,11,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}body.admin-bar .bb-site-header{top:32px}.bb-nav{max-width:var(--bb-max);margin:auto;height:74px;padding:0 24px;display:flex;align-items:center;gap:32px}.bb-logo{display:flex;align-items:center;text-decoration:none;gap:10px;font-weight:1000;letter-spacing:-.04em}.bb-logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--bb-blue),var(--bb-red));position:relative;box-shadow:0 12px 30px rgba(229,9,37,.22)}.bb-logo-mark:before{content:"b";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:29px;font-weight:1000;font-style:italic}.bb-logo-mark:after{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.24);border-radius:10px}.bb-logo b{font-size:17px;line-height:1;text-transform:uppercase}.bb-logo b:after{content:"TV NETWORK";display:block;font-size:8px;letter-spacing:.22em;color:#9fb1d5;margin-top:3px}.bb-menu{display:flex;align-items:center;gap:22px;flex:1}.bb-menu a{text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:950;color:#c3cad8;letter-spacing:.04em;padding:28px 0 24px;border-bottom:3px solid transparent}.bb-menu a:hover,.bb-menu a[aria-current="page"]{color:#fff;border-bottom-color:var(--bb-red)}.bb-search{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid var(--bb-line);border-radius:12px;color:#fff;padding:12px 16px;min-width:240px}.bb-portal{background:linear-gradient(135deg,var(--bb-red),#ff3851)!important;border:0!important;color:#fff!important;border-radius:999px!important;padding:13px 18px!important;margin-left:0;box-shadow:0 14px 30px rgba(229,9,37,.24)!important}.bb-main{min-height:74vh}.bb-footer{border-top:1px solid rgba(255,255,255,.13);padding:42px 24px 72px;margin-top:70px;color:#d6dbea;background:#05070b}.bb-footer-inner{max-width:var(--bb-max);margin:auto}.bb-footer a{font-size:13px;margin-right:24px;text-decoration:none;font-weight:750;color:#d8dfef}.bb-footer p:last-child{font-size:13px;color:#a8b0c4;margin-top:28px}.bb-bottom-nav,.bb-menu-toggle{display:none}@media(max-width:900px){body.admin-bar .bb-site-header{top:0}.bb-nav{height:64px;padding:0 14px;gap:14px}.bb-logo b{font-size:14px}.bb-logo-mark{width:38px;height:38px}.bb-menu-toggle{display:block;margin-left:auto;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--bb-line);border-radius:12px;padding:9px 12px;font-weight:900}.bb-search{display:none}.bb-menu{display:none;position:absolute;left:12px;right:12px;top:70px;background:#0d1526;border:1px solid var(--bb-line);border-radius:18px;padding:14px;flex-direction:column;align-items:stretch;box-shadow:0 24px 70px rgba(0,0,0,.42)}.bb-menu.is-open{display:flex}.bb-menu a{padding:12px;border-bottom:0}.bb-portal{text-align:center}.bb-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:rgba(8,12,21,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.12);z-index:1000;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bb-bottom-nav a{text-align:center;text-decoration:none;color:#dce2ef;font-size:11px;font-weight:900}.bb-bottom-nav span{display:block;font-size:20px;line-height:23px}.bb-footer{padding:28px 16px 100px}.bb-footer a{display:inline-block;margin:0 16px 14px 0}}@media(max-width:782px){body.admin-bar .bb-site-header{top:46px}}@media(max-width:600px){body.admin-bar .bb-site-header{top:0}}
