/* UKIPTV Premium Redesign - WHMCS Six / 7.7.x
 * Brand palette follows the supplied UKIPTV Media logo.
 */
:root {
  --uk-bg:#070a10;
  --uk-panel:#0d121b;
  --uk-panel-2:#111824;
  --uk-border:rgba(255,255,255,.09);
  --uk-text:#f4f7fb;
  --uk-muted:#8f9aaa;
  --uk-blue:#162b55;
  --uk-blue-2:#23457f;
  --uk-red:#e52d38;
  --uk-red-2:#ff4b54;
  --uk-white:#fff;
  --uk-success:#19c37d;
  --uk-shadow:0 18px 50px rgba(0,0,0,.28);
}

html,body{background:var(--uk-bg)!important;color:var(--uk-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body{background-image:radial-gradient(circle at 10% 0%,rgba(35,69,127,.16),transparent 32%),radial-gradient(circle at 90% 15%,rgba(229,45,56,.09),transparent 28%);background-attachment:fixed}
a{color:#dbe7ff;transition:all .2s ease} a:hover,a:focus{color:var(--uk-red-2);text-decoration:none}

#header{background:linear-gradient(135deg,#07090e 0%,#0c1320 62%,#111b2c 100%)!important;border-bottom:1px solid var(--uk-border);min-height:96px;position:relative;overflow:hidden}
#header:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(229,45,56,.08);filter:blur(10px)}
#header .container{position:relative;z-index:2}
.ukiptv-brand-logo{display:inline-flex!important;align-items:center;height:96px!important;max-width:260px!important}
.ukiptv-brand-logo img{display:block!important;width:auto!important;max-width:220px!important;max-height:72px!important;object-fit:contain}
.ukiptv-brand-meta{float:right;height:96px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--uk-muted)}
.ukiptv-brand-meta span,.ukiptv-brand-meta a{padding:8px 11px;border:1px solid var(--uk-border);border-radius:999px;background:rgba(255,255,255,.025)}
.ukiptv-brand-meta a:hover{border-color:rgba(229,45,56,.55);background:rgba(229,45,56,.08)}
.ukiptv-brand-meta .fa-whatsapp{color:#25d366}.ukiptv-brand-meta .fa-telegram-plane{color:#2aa7e8}

.top-nav{position:absolute!important;right:15px;top:8px;z-index:5;font-size:11px}.top-nav>li>a{color:#aeb8c7!important}.top-nav .primary-action{display:none}
#main-menu{background:#0a0e15!important;border-bottom:1px solid var(--uk-border)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.navbar-main{background:transparent!important;border:0!important;min-height:54px}.navbar-main .navbar-nav>li>a{color:#c8d0dd!important;font-weight:600;padding:18px 15px!important}.navbar-main .navbar-nav>li>a:hover,.navbar-main .navbar-nav>.open>a{color:#fff!important;background:rgba(229,45,56,.08)!important}.navbar-main .navbar-nav>.active>a{color:#fff!important;background:linear-gradient(90deg,rgba(229,45,56,.18),rgba(35,69,127,.14))!important;border-bottom:2px solid var(--uk-red)}
.navbar-toggle{border-color:var(--uk-border)!important;background:#111824!important}.navbar-toggle .icon-bar{background:#fff!important}

#main-body{padding:34px 0 55px!important;min-height:58vh}.page-header{border-bottom:1px solid var(--uk-border)!important;margin-top:0}.page-header h1{color:#fff;font-weight:800}.breadcrumb{background:transparent!important;color:var(--uk-muted)!important;padding-left:0}.breadcrumb>li+li:before{color:#4d596a}
.sidebar .panel,.sidebar .list-group,.sidebar .panel-sidebar{background:var(--uk-panel)!important;border:1px solid var(--uk-border)!important;border-radius:14px!important;box-shadow:var(--uk-shadow);overflow:hidden}.sidebar .panel-heading{background:linear-gradient(135deg,#111a2a,#0d121b)!important;color:#fff!important;border-color:var(--uk-border)!important}.sidebar .list-group-item{background:transparent!important;color:#aeb8c7!important;border-color:var(--uk-border)!important}.sidebar .list-group-item:hover,.sidebar .list-group-item.active{background:rgba(229,45,56,.09)!important;color:#fff!important;border-left:3px solid var(--uk-red)!important}

.panel,.client-home-panels .panel{background:linear-gradient(145deg,#0e141d,#0b1018)!important;border:1px solid var(--uk-border)!important;border-radius:15px!important;box-shadow:var(--uk-shadow)!important;overflow:hidden}.panel-heading{background:linear-gradient(135deg,#121b2a,#0e141e)!important;color:#fff!important;border-color:var(--uk-border)!important}.panel-title{font-weight:700}.panel-body,.panel-footer{background:transparent!important;color:#b9c3d0!important;border-color:var(--uk-border)!important}.panel-footer{background:rgba(255,255,255,.015)!important}
.table{color:#c9d2df!important}.table>thead>tr>th{background:#111824;color:#fff;border-color:var(--uk-border)!important}.table>tbody>tr>td,.table>tbody>tr>th{border-color:var(--uk-border)!important}.table-striped>tbody>tr:nth-of-type(odd){background:rgba(255,255,255,.018)!important}.table-hover>tbody>tr:hover{background:rgba(35,69,127,.12)!important}

.btn{border-radius:9px!important;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-success{background:linear-gradient(135deg,var(--uk-red),var(--uk-red-2))!important;border:0!important;color:#fff!important;box-shadow:0 8px 22px rgba(229,45,56,.22)}.btn-default{background:#151d29!important;color:#e5ebf3!important;border:1px solid var(--uk-border)!important}.btn-danger{background:#b9222d!important;border:0!important}.btn-info{background:var(--uk-blue-2)!important;border:0!important}.btn-warning{background:#8a5b12!important;border:0!important}.btn-outline-brand{background:transparent!important;border:1px solid rgba(229,45,56,.65)!important;color:#fff!important}
.form-control,.input-group-addon,select.form-control{background:#0a1018!important;border:1px solid var(--uk-border)!important;color:#eaf0f7!important;border-radius:9px!important;box-shadow:none!important}.form-control:focus{border-color:rgba(229,45,56,.7)!important;box-shadow:0 0 0 3px rgba(229,45,56,.1)!important}.help-block,.text-muted{color:var(--uk-muted)!important}
.alert{border:1px solid var(--uk-border)!important;background:#111824!important;color:#dce4ef!important;border-radius:12px}.alert-success{border-color:rgba(25,195,125,.35)!important}.alert-danger{border-color:rgba(229,45,56,.35)!important}
.label{border-radius:999px;padding:.35em .65em}.label-success{background:var(--uk-success)}.label-danger{background:var(--uk-red)}

.tiles{margin-bottom:22px}.tiles .tile{background:linear-gradient(145deg,#111824,#0b1018)!important;border:1px solid var(--uk-border)!important;border-radius:14px!important;box-shadow:var(--uk-shadow);margin-bottom:14px;overflow:hidden;transition:transform .2s,border-color .2s}.tiles .tile:hover{transform:translateY(-3px);border-color:rgba(229,45,56,.38)!important}.tiles .tile a{color:#fff!important}.tiles .icon{color:var(--uk-red)!important}.tiles .stat{font-size:28px;font-weight:800}.tiles .title{color:#9da9ba!important}.tiles .highlight{height:3px!important;background:linear-gradient(90deg,var(--uk-red),var(--uk-blue-2))!important}
.home-kb-search{position:relative;margin:5px 0 25px}.home-kb-search input{padding-right:50px;height:52px!important}.home-kb-search i{color:var(--uk-red);position:absolute;right:30px;top:18px}

.ukiptv-welcome-panel{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:32px 38px;margin:0 0 25px;border-radius:18px;overflow:hidden;border:1px solid rgba(229,45,56,.22);background:radial-gradient(circle at 80% 40%,rgba(35,69,127,.42),transparent 35%),linear-gradient(125deg,#080b11,#0d1727 62%,#15101a)}
.ukiptv-welcome-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 45%,rgba(229,45,56,.08));pointer-events:none}.ukiptv-welcome-copy{position:relative;z-index:2;max-width:680px}.ukiptv-eyebrow{display:inline-block;color:#b7c8e9;font-size:11px;letter-spacing:1.5px;font-weight:800;margin-bottom:10px}.ukiptv-eyebrow i{color:var(--uk-red);margin-right:5px}.ukiptv-welcome-panel h2{font-size:30px;margin:4px 0 10px;color:#fff;font-weight:800}.ukiptv-welcome-panel p{color:#98a5b7;margin-bottom:20px}.ukiptv-welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.ukiptv-welcome-actions .btn{padding:11px 16px}.ukiptv-welcome-art{position:relative;z-index:2;font-size:110px;color:rgba(229,45,56,.13);padding-right:45px}.ukiptv-welcome-art:after{content:"LIVE • PREMIUM • BUFFER-FREE";display:block;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.25);margin-top:-18px}

#home-banner{background:radial-gradient(circle at 75% 40%,rgba(35,69,127,.45),transparent 34%),linear-gradient(135deg,#070a10,#0e1829)!important;border-bottom:1px solid var(--uk-border);padding:65px 0!important}.home-shortcuts{background:#0b1018!important;border-bottom:1px solid var(--uk-border)}

#footer{background:#070a10!important;border-top:1px solid var(--uk-border)!important;padding:32px 0!important;color:#7f8b9b}.ukiptv-footer-grid{display:flex;justify-content:space-between;gap:30px;padding-bottom:25px}.ukiptv-footer-brand img{max-width:180px;max-height:52px;object-fit:contain}.ukiptv-footer-brand p{max-width:360px;margin:12px 0 0;color:#778394}.ukiptv-footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ukiptv-footer-links a{color:#aeb8c7;font-size:13px}.ukiptv-footer-links a:hover{color:#fff}.ukiptv-footer-bottom{border-top:1px solid var(--uk-border);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.ukiptv-footer-bottom p{margin:0}.ukiptv-footer-bottom span{color:#556173}
.ukiptv-contact-dock{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:8px}.ukiptv-contact-dock a{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;color:#fff!important;font-size:12px;font-weight:700;box-shadow:0 10px 28px rgba(0,0,0,.35)}.ukiptv-wa{background:#16b95f}.ukiptv-tg{background:#198ed0}.ukiptv-contact-dock i{font-size:16px}

.modal-content{background:#0d121b!important;color:#dce4ef;border:1px solid var(--uk-border)!important}.modal-header,.modal-footer{border-color:var(--uk-border)!important}.close{color:#fff!important;opacity:.8}
.pagination>li>a,.pagination>li>span{background:#101722!important;border-color:var(--uk-border)!important;color:#cbd5e1!important}.pagination>.active>a{background:var(--uk-red)!important;border-color:var(--uk-red)!important}

@media(max-width:767px){#header{min-height:82px}.ukiptv-brand-logo{height:82px!important}.ukiptv-brand-logo img{max-width:160px!important;max-height:58px!important}.ukiptv-brand-meta{display:none}.top-nav{top:5px;right:8px}.top-nav>li:not(.primary-action){display:none}.navbar-main .navbar-nav>li>a{padding:12px 15px!important}.ukiptv-welcome-panel{padding:25px 22px;min-height:0}.ukiptv-welcome-panel h2{font-size:24px}.ukiptv-welcome-art{display:none}.ukiptv-footer-grid,.ukiptv-footer-bottom{flex-direction:column}.ukiptv-footer-links{justify-content:flex-start}.ukiptv-contact-dock{right:10px;bottom:10px}.ukiptv-contact-dock a span{display:none}.ukiptv-contact-dock a{width:44px;height:44px;justify-content:center;padding:0}.ukiptv-contact-dock i{font-size:20px}}



/* =========================================================
   UKIPTV FINAL VISUAL OVERRIDES
   Reference: dark navy / black UI, blue accents, restrained red.
   ========================================================= */

:root{
  --uk-bg:#050912;
  --uk-panel:#09111d;
  --uk-panel-2:#0d1726;
  --uk-blue:#087cf0;
  --uk-blue-2:#1b9cff;
  --uk-red:#ef233c;
  --uk-border:rgba(67,148,235,.20);
  --uk-text:#f5f7fb;
  --uk-muted:#9aa9bc;
}

html,body{
  background:#050912!important;
  color:var(--uk-text)!important;
}

body{
  background-image:
    radial-gradient(circle at 80% 8%,rgba(20,78,160,.20),transparent 28%),
    radial-gradient(circle at 15% 25%,rgba(0,90,180,.12),transparent 30%)!important;
}

/* Header / logo */
#header{
  min-height:110px!important;
  background:linear-gradient(120deg,#070b12 0%,#0b1422 65%,#111a2b 100%)!important;
  border-bottom:1px solid rgba(95,130,180,.18)!important;
}

.ukiptv-brand-logo{
  height:110px!important;
  display:flex!important;
  align-items:center!important;
  max-width:none!important;
}

.ukiptv-brand-logo img{
  display:block!important;
  width:auto!important;
  max-width:330px!important;
  max-height:82px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:6px!important;
  padding:5px 10px!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}

/* Remove old contact chips/docks if any cached markup remains */
.ukiptv-brand-meta,
.ukiptv-contact-dock{
  display:none!important;
}

/* Top utility links */
.top-nav{
  top:12px!important;
  right:20px!important;
  font-size:13px!important;
}
.top-nav>li>a{
  color:#b9c7d9!important;
}
.top-nav>li>a:hover{
  color:#fff!important;
}

/* Main navigation */
#main-menu{
  background:#070c14!important;
  border-bottom:1px solid rgba(67,148,235,.18)!important;
}
.navbar-main .navbar-nav>li>a{
  color:#d7e0ec!important;
  font-weight:600!important;
  padding:18px 20px!important;
}
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>.open>a{
  background:rgba(15,113,224,.10)!important;
  color:#fff!important;
}
.navbar-main .navbar-nav>.active>a{
  background:rgba(15,113,224,.10)!important;
  color:#fff!important;
  border-bottom:3px solid var(--uk-blue)!important;
}

/* Hero */
#home-banner{
  min-height:265px!important;
  padding:68px 0 58px!important;
  display:flex!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 82% 42%,rgba(14,108,231,.28),transparent 33%),
    linear-gradient(120deg,#060b13,#0a1424 65%,#101b31)!important;
  border-bottom:1px solid rgba(67,148,235,.18)!important;
  position:relative!important;
  overflow:hidden!important;
}
#home-banner:after{
  content:""!important;
  position:absolute!important;
  right:-100px!important;
  bottom:-170px!important;
  width:520px!important;
  height:420px!important;
  border-radius:50%!important;
  border:1px solid rgba(24,139,255,.16)!important;
  box-shadow:0 0 0 45px rgba(24,139,255,.025),0 0 0 90px rgba(24,139,255,.018)!important;
}
#home-banner h2{
  color:#fff!important;
  font-size:38px!important;
  font-weight:500!important;
  letter-spacing:-.8px!important;
  position:relative!important;
  z-index:2!important;
}
#home-banner h2:after{
  content:""!important;
  display:block!important;
  width:72px!important;
  height:3px!important;
  background:var(--uk-red)!important;
  margin:22px auto 0!important;
  border-radius:3px!important;
}

/* Home shortcut strip */
.home-shortcuts{
  background:#090e16!important;
  border-top:1px solid rgba(67,148,235,.16)!important;
  border-bottom:1px solid rgba(67,148,235,.16)!important;
}
.home-shortcuts .lead{
  color:#e7edf5!important;
  font-size:23px!important;
  margin-top:27px!important;
}
.home-shortcuts ul{
  display:flex!important;
  margin:0!important;
  padding:0!important;
}
.home-shortcuts li{
  flex:1!important;
  border-left:1px solid rgba(90,150,215,.35)!important;
}
.home-shortcuts li:last-child{
  border-right:1px solid rgba(90,150,215,.35)!important;
}
.home-shortcuts li a{
  padding:22px 15px!important;
  color:#fff!important;
  text-align:center!important;
}
.home-shortcuts li a i{
  color:#168cff!important;
  font-size:26px!important;
  display:block!important;
  margin-bottom:8px!important;
}
.home-shortcuts li a p{
  color:#fff!important;
  font-size:14px!important;
  margin:0!important;
}
.home-shortcuts li a p span{
  display:none!important;
}

/* Content */
#main-body{
  background:#050912!important;
  padding-top:45px!important;
}
.panel,
.panel-default,
.panel-sidebar,
.sidebar .panel{
  background:linear-gradient(145deg,#09111d,#07101b)!important;
  border:1px solid rgba(67,148,235,.18)!important;
  border-radius:10px!important;
  box-shadow:0 14px 35px rgba(0,0,0,.20)!important;
}
.panel-heading{
  background:#0b1421!important;
  border-color:rgba(67,148,235,.15)!important;
  color:#fff!important;
}

/* Forms */
.form-control,
select.form-control,
textarea.form-control,
.input-group-addon{
  background:#070f1a!important;
  color:#eef4fb!important;
  border-color:rgba(67,148,235,.24)!important;
}
.form-control:focus{
  border-color:var(--uk-blue)!important;
  box-shadow:0 0 0 3px rgba(8,124,240,.12)!important;
}

/* Buttons */
.btn-primary,
.btn-success{
  background:linear-gradient(135deg,#087cf0,#0d9bff)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(8,124,240,.18)!important;
}
.btn-primary:hover,
.btn-success:hover{
  background:linear-gradient(135deg,#096fe0,#078fe9)!important;
}
.btn-danger{
  background:var(--uk-red)!important;
}

/* News / announcements */
.news-item,
.announcement-list .item{
  background:#09111d!important;
  border:1px solid rgba(67,148,235,.18)!important;
  border-radius:10px!important;
}

/* Footer */
#footer{
  background:#050a12!important;
  border-top:1px solid rgba(67,148,235,.18)!important;
  padding:35px 0 24px!important;
}
.ukiptv-footer-brand img{
  max-width:250px!important;
  max-height:70px!important;
  background:#fff!important;
  border-radius:6px!important;
  padding:5px 10px!important;
}
.ukiptv-footer-links a{
  color:#8ebdf2!important;
}
.ukiptv-footer-links a:hover{
  color:#fff!important;
}
.ukiptv-footer-bottom{
  border-top:1px solid rgba(67,148,235,.14)!important;
}

/* Responsive */
@media(max-width:767px){
  #header{min-height:92px!important}
  .ukiptv-brand-logo{height:92px!important}
  .ukiptv-brand-logo img{
    max-width:230px!important;
    max-height:64px!important;
  }
  .top-nav{top:5px!important;right:7px!important}
  .home-shortcuts ul{display:block!important}
  .home-shortcuts li{
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(90,150,215,.22)!important;
  }
  #home-banner h2{
    font-size:29px!important;
  }
}



/* =========================================================
   UKIPTV LIGHT PAGE / BLUE HEADER-FOOTER UPDATE
   ========================================================= */

/* Header */
#header{
  background:linear-gradient(135deg,#071a33 0%,#0b2d52 55%,#123f70 100%)!important;
  border-bottom:1px solid rgba(100,180,255,.35)!important;
}
#header .ukiptv-brand-logo img{
  background:#fff!important;
  box-shadow:0 8px 25px rgba(0,0,0,.28)!important;
}
.top-nav>li>a{
  color:#eaf5ff!important;
}
.top-nav>li>a:hover{
  color:#5eb6ff!important;
}

/* Navigation */
#main-menu{
  background:#0a2340!important;
  border-bottom:1px solid rgba(100,180,255,.35)!important;
}
.navbar-main .navbar-nav>li>a{
  color:#e9f5ff!important;
}
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.active>a{
  background:#123a61!important;
  color:#fff!important;
}

/* Main pages: soft blue background for readable text */
#main-body,
body{
  background:#eaf4fc!important;
  color:#1c2d3f!important;
}
#main-body{
  padding-top:35px!important;
}

/* Breadcrumbs / headings */
.breadcrumb{
  background:rgba(255,255,255,.72)!important;
  border:1px solid #d2e4f3!important;
  color:#536b82!important;
}
.breadcrumb a{
  color:#1769a8!important;
}
h1,h2,h3,h4,h5,h6,
.page-header h1{
  color:#142b40!important;
}
p,li,label,dt,dd{
  color:#263d52;
}
.text-muted{
  color:#60788e!important;
}

/* Panels/cards */
.panel,
.panel-default,
.panel-sidebar,
.sidebar .panel{
  background:#fff!important;
  border:1px solid #cfe2f2!important;
  color:#233b50!important;
  box-shadow:0 8px 24px rgba(23,76,120,.08)!important;
}
.panel-heading{
  background:#e2f0fb!important;
  color:#142b40!important;
  border-color:#cfe2f2!important;
}
.panel-body{
  color:#263d52!important;
}

/* Tables */
.table{
  background:#fff!important;
  color:#263d52!important;
}
.table>thead>tr>th{
  background:#dceefa!important;
  color:#18334a!important;
  border-color:#c8deef!important;
}
.table>tbody>tr>td,
.table>tbody>tr>th{
  border-color:#dbe9f4!important;
  color:#263d52!important;
}
.table>tbody>tr:hover{
  background:#f0f8fd!important;
}

/* Forms */
.form-control,
select.form-control,
textarea.form-control,
.input-group-addon{
  background:#fff!important;
  color:#1d3448!important;
  border-color:#bcd5e8!important;
}
.form-control::placeholder{
  color:#8196a8!important;
}
.form-control:focus{
  border-color:#168cff!important;
  box-shadow:0 0 0 3px rgba(22,140,255,.12)!important;
}

/* Links */
a{
  color:#126eb0;
}
a:hover{
  color:#07558e;
}

/* Buttons */
.btn-default{
  background:#fff!important;
  color:#24506f!important;
  border-color:#b9d2e5!important;
}
.btn-default:hover{
  background:#eaf5fc!important;
}
.btn-primary,
.btn-success{
  background:linear-gradient(135deg,#087cf0,#159dff)!important;
  color:#fff!important;
}
.btn-danger{
  background:#e3263f!important;
}

/* Alerts */
.alert{
  color:#243b4f!important;
  border-radius:8px!important;
}
.alert-info{
  background:#e1f2ff!important;
  border-color:#b8ddf6!important;
}
.alert-success{
  background:#e6f7ee!important;
  border-color:#b8e4cc!important;
}
.alert-warning{
  background:#fff6df!important;
  border-color:#f0d58e!important;
}
.alert-danger{
  background:#fff0f1!important;
  border-color:#f2b8be!important;
}

/* Cart / checkout */
.product,
.product-desc,
.cart-summary,
.order-summary{
  color:#263d52!important;
}
.product{
  background:#fff!important;
  border:1px solid #cfe2f2!important;
}

/* Footer */
#footer{
  background:linear-gradient(135deg,#06172c 0%,#0a2a4b 55%,#0f3a65 100%)!important;
  border-top:1px solid rgba(100,180,255,.35)!important;
  color:#dcefff!important;
}
#footer,
#footer p,
#footer li,
#footer .text-muted{
  color:#dcefff!important;
}
.ukiptv-footer-links a{
  color:#76c4ff!important;
}
.ukiptv-footer-links a:hover{
  color:#fff!important;
}

/* Footer logo */
.ukiptv-footer-brand img{
  background:#fff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.22)!important;
}

/* Sidebar navigation */
.list-group-item{
  background:#fff!important;
  color:#29465e!important;
  border-color:#d4e5f1!important;
}
.list-group-item:hover,
.list-group-item.active{
  background:#e5f3fd!important;
  color:#086db0!important;
}

/* Home page sections retain the dark hero, but everything underneath stays light */
.home-shortcuts{
  background:#0a2039!important;
  color:#fff!important;
}
.home-shortcuts .lead,
.home-shortcuts li a,
.home-shortcuts li a p{
  color:#fff!important;
}


/* =========================================================
   UKIPTV LIVE BILLING BEST-FIT COLOR SCHEME
   Based on the current UKIPTV billing presentation:
   light-blue content + clean readable black text,
   deep navy navigation/footer, UK flag red/blue accents.
   ========================================================= */

/* Clean light header so the supplied black UKIPTV logo is readable */
#header{
  min-height:112px!important;
  background:linear-gradient(135deg,#f8fbff 0%,#e9f4ff 55%,#d9ecff 100%)!important;
  border-bottom:1px solid #c6dff3!important;
}
.ukiptv-brand-logo{
  height:112px!important;
  display:flex!important;
  align-items:center!important;
}
.ukiptv-brand-logo img{
  width:auto!important;
  max-width:355px!important;
  max-height:86px!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.top-nav>li>a{
  color:#24445f!important;
  font-weight:600!important;
}
.top-nav>li>a:hover{color:#076fc0!important}
.top-nav .primary-action>a.btn{
  background:#0a79d8!important;
  color:#fff!important;
  border:0!important;
  border-radius:22px!important;
  padding:8px 17px!important;
}

/* Deep navy primary navigation */
#main-menu{
  background:linear-gradient(90deg,#06172b 0%,#0a2948 55%,#0d3962 100%)!important;
  border-bottom:2px solid #0b83e8!important;
}
.navbar-main .navbar-nav>li>a{
  color:#eaf5ff!important;
  font-weight:600!important;
  padding:19px 20px!important;
}
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.active>a{
  background:rgba(14,137,232,.18)!important;
  color:#fff!important;
}
.navbar-main .navbar-nav>.active>a{
  border-bottom:3px solid #ef233c!important;
}
.navbar-main .navbar-toggle .icon-bar{background:#fff!important}

/* Homepage hero: blue, but not overly dark */
#home-banner{
  min-height:260px!important;
  padding:64px 0 55px!important;
  background:
    radial-gradient(circle at 78% 35%,rgba(40,154,255,.30),transparent 30%),
    linear-gradient(125deg,#07182d 0%,#0a2c50 62%,#0e4778 100%)!important;
  border-bottom:1px solid #0e73c3!important;
}
#home-banner h2{
  color:#fff!important;
  font-size:38px!important;
  font-weight:500!important;
}
#home-banner h2:after{
  background:#ef233c!important;
}

/* Light blue readable content */
body,#main-body{
  background:#edf6fd!important;
  color:#233b50!important;
}
#main-body{padding-top:38px!important}

h1,h2,h3,h4,h5,h6,.page-header h1{color:#142b40!important}
p,li,label,dt,dd{color:#263e53!important}
.text-muted{color:#60798e!important}

/* White cards against light blue page */
.panel,.panel-default,.panel-sidebar,.sidebar .panel{
  background:#fff!important;
  border:1px solid #c8deef!important;
  border-radius:10px!important;
  color:#263e53!important;
  box-shadow:0 7px 24px rgba(24,83,125,.08)!important;
}
.panel-heading{
  background:#e7f3fc!important;
  color:#142b40!important;
  border-color:#c8deef!important;
}
.panel-body{color:#263e53!important}

/* Tables and invoice areas */
.table{background:#fff!important;color:#263e53!important}
.table>thead>tr>th{
  background:#ddecf8!important;
  color:#18344d!important;
  border-color:#c5ddeb!important;
}
.table>tbody>tr>td,.table>tbody>tr>th{
  color:#263e53!important;
  border-color:#deebf5!important;
}
.table>tbody>tr:hover{background:#f2f8fc!important}

/* Forms */
.form-control,select.form-control,textarea.form-control,.input-group-addon{
  background:#fff!important;
  color:#1e354a!important;
  border-color:#b8d2e7!important;
}
.form-control:focus{
  border-color:#0a83e8!important;
  box-shadow:0 0 0 3px rgba(10,131,232,.12)!important;
}
.form-control::placeholder{color:#8196a8!important}

a{color:#0a6eaf}
a:hover{color:#07538a}

/* Brand buttons */
.btn-primary,.btn-success{
  background:linear-gradient(135deg,#087cf0,#129cff)!important;
  border-color:#087cf0!important;
  color:#fff!important;
  border-radius:6px!important;
}
.btn-danger{background:#e3263f!important;border-color:#e3263f!important}
.btn-default{background:#fff!important;color:#27506e!important;border-color:#b9d2e5!important}

/* Shortcut strip */
.home-shortcuts{
  background:#071a30!important;
  border-top:1px solid #0d4e7f!important;
  border-bottom:1px solid #0d4e7f!important;
}
.home-shortcuts .lead,.home-shortcuts li a,.home-shortcuts li a p{color:#fff!important}
.home-shortcuts li{border-left:1px solid rgba(120,190,245,.35)!important}
.home-shortcuts li a i{color:#168cff!important}

/* Footer: deep blue, matching navigation */
#footer{
  background:linear-gradient(135deg,#041427 0%,#082b4b 55%,#0d3c66 100%)!important;
  border-top:2px solid #0a83e8!important;
  color:#dcefff!important;
}
#footer p,#footer li,#footer .text-muted{color:#dcefff!important}
.ukiptv-footer-brand img{
  max-width:260px!important;
  max-height:72px!important;
  background:#fff!important;
  padding:6px 10px!important;
  border-radius:6px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.25)!important;
}
.ukiptv-footer-links a{color:#77c7ff!important}
.ukiptv-footer-links a:hover{color:#fff!important}
.ukiptv-footer-bottom{border-top:1px solid rgba(110,180,235,.22)!important}

/* Sidebar */
.list-group-item{background:#fff!important;color:#29465e!important;border-color:#d4e5f1!important}
.list-group-item:hover,.list-group-item.active{background:#e3f2fc!important;color:#086db0!important}

/* Alerts */
.alert-info{background:#e1f2ff!important;border-color:#b8ddf6!important;color:#24435b!important}
.alert-success{background:#e6f7ee!important;border-color:#b8e4cc!important;color:#24563b!important}
.alert-warning{background:#fff6df!important;border-color:#f0d58e!important;color:#634e19!important}
.alert-danger{background:#fff0f1!important;border-color:#f2b8be!important;color:#6b2630!important}

@media(max-width:767px){
  #header{min-height:90px!important}
  .ukiptv-brand-logo{height:90px!important}
  .ukiptv-brand-logo img{max-width:245px!important;max-height:65px!important}
  #home-banner h2{font-size:29px!important}
}