/**
 * STRMLinks V10 — Global Override Layer
 * Handles ALL pages: frontend, admin, advertiser, blog, help, etc.
 * Loaded last — fixes any remaining white/light backgrounds
 */

/* ══ FORCE V10 TOKENS ON EVERY ELEMENT ══ */
html,body{background:var(--bg)!important;color:var(--t0)!important}

/* Inline style overrides - catches hardcoded #fff in PHP files */
body [style*="background: #fff"],body [style*="background:#fff"],
body [style*="background: #ffffff"],body [style*="background:#ffffff"],
body [style*="background: white"],body [style*="background-color:#fff"],
body [style*="background-color: #fff"],body [style*="background-color: white"]{background:var(--s1)!important;background-color:var(--s1)!important}
body [style*="background: #f8f9fa"],body [style*="background:#f8f9fa"],
body [style*="background: #f8fafc"],body [style*="background:#f8fafc"],
body [style*="background: #f4f4f4"],body [style*="background: #fafafa"]{background:var(--s2)!important}
body [style*="color: #333"],body [style*="color:#333"],
body [style*="color: #1f2937"],body [style*="color: #111827"]{color:var(--t0)!important}
body [style*="color: #6b7280"],body [style*="color: #9ca3af"]{color:var(--t2)!important}

/* Bulma overrides */
.has-background-white,.has-background-white-bis,.has-background-white-ter,.has-background-light{background:var(--s2)!important}
.has-background-grey-lighter,.has-background-grey-light{background:var(--s3)!important}
.section{background:var(--bg)!important}
.hero.is-light,.hero.is-white{background:var(--s1)!important;color:var(--t0)!important}
.hero-body .title,.hero-body .subtitle{color:var(--t0)!important}
.navbar{background:rgba(7,7,16,.88)!important;border-bottom:1px solid var(--bord)!important}
[data-theme=light] .navbar{background:rgba(240,240,250,.92)!important}
.navbar-item,.navbar-link,.navbar-item:hover{color:var(--t1)!important;background:transparent!important}
.navbar-item:hover,.navbar-item:focus,.navbar-item.is-active{background:var(--s3)!important;color:var(--t0)!important}
.navbar-dropdown{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(0,0,0,.5)!important}
.navbar-divider{background:var(--bord)!important}
.navbar-menu{background:transparent!important}
@media(max-width:1024px){.navbar-menu.is-active{background:var(--s1)!important;border-top:1px solid var(--bord)!important}}

/* ══ BUTTONS ══ */
.button{border-radius:9px!important;font-weight:600!important;transition:all .15s!important;overflow:hidden!important;white-space:nowrap!important}
.button.is-primary,.button.is-link{background:var(--p0)!important;border-color:var(--p0)!important;color:#fff!important}
.button.is-primary:hover,.button.is-link:hover{background:var(--p1)!important}
.button.is-primary.is-light,.button.is-link.is-light{background:rgba(124,92,252,.13)!important;border-color:rgba(124,92,252,.28)!important;color:var(--p2)!important}
.button.is-success{background:var(--g0)!important;border-color:var(--g0)!important;color:#fff!important}
.button.is-success.is-light{background:rgba(0,214,143,.12)!important;border-color:rgba(0,214,143,.3)!important;color:var(--g0)!important}
.button.is-danger{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}
.button.is-danger.is-light{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.28)!important;color:#f87171!important}
.button.is-warning{background:#d97706!important;border-color:#d97706!important;color:#fff!important}
.button.is-warning.is-light{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.28)!important;color:#fbbf24!important}
.button.is-info{background:var(--cl)!important;border-color:var(--cl)!important;color:#fff!important}
.button.is-info.is-light{background:rgba(34,211,238,.12)!important;border-color:rgba(34,211,238,.28)!important;color:var(--cl)!important}
.button.is-white,.button.is-light{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:var(--t0)!important}
.button.is-white:hover,.button.is-light:hover{background:rgba(255,255,255,.12)!important}
[data-theme=light] .button.is-white,[data-theme=light] .button.is-light{background:var(--s3)!important;border-color:var(--s4)!important;color:var(--t1)!important}

/* ══ FORMS ══ */
.input,.textarea,.select select{background:var(--s2)!important;border-color:rgba(255,255,255,.1)!important;color:var(--t0)!important;border-radius:10px!important;box-shadow:none!important}
.input:focus,.textarea:focus,.select select:focus{border-color:var(--p0)!important;box-shadow:0 0 0 2px rgba(124,92,252,.18)!important}
.input::placeholder,.textarea::placeholder{color:var(--t2)!important}
.label{color:var(--t1)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.4px!important}
.checkbox,.radio{color:var(--t0)!important;font-size:14px!important}
input[type=checkbox],input[type=radio]{accent-color:var(--p0)!important}
.select::after{border-color:var(--t1)!important}
select option{background:var(--s2)!important;color:var(--t0)!important}
.help{color:var(--t2)!important;font-size:13px!important}
[data-theme=light] .input,[data-theme=light] .textarea,[data-theme=light] .select select{background:#fff!important;border-color:var(--s4)!important;color:var(--t0)!important}

/* ══ CARDS / BOXES ══ */
.card,.box{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:16px!important;box-shadow:none!important;color:var(--t0)!important}
.card-header{background:var(--s2)!important;border-bottom:1px solid var(--bord)!important;box-shadow:none!important;border-radius:15px 15px 0 0!important}
.card-header-title{color:var(--t0)!important;font-weight:700!important}
.card-content{background:var(--s1)!important;color:var(--t1)!important}
.card-footer{border-top:1px solid var(--bord)!important;background:var(--s2)!important}
[data-theme=light] .card,[data-theme=light] .box{background:#fff!important}

/* ══ TABLES ══ */
.table{background:transparent!important;color:var(--t0)!important}
.table th{background:var(--s2)!important;color:var(--t2)!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:700!important;border-color:var(--bord)!important}
.table td{border-color:rgba(255,255,255,.05)!important;color:var(--t1)!important}
.table tr:hover td{background:rgba(255,255,255,.03)!important}

/* ══ NOTIFICATIONS ══ */
.notification{background:var(--s2)!important;border:1px solid var(--bord)!important;border-radius:12px!important;color:var(--t0)!important}
.notification.is-success{background:rgba(0,214,143,.09)!important;border-color:rgba(0,214,143,.22)!important;color:var(--g0)!important}
.notification.is-danger{background:rgba(239,68,68,.09)!important;border-color:rgba(239,68,68,.22)!important;color:#f87171!important}
.notification.is-warning{background:rgba(245,158,11,.09)!important;border-color:rgba(245,158,11,.2)!important;color:#fbbf24!important}
.notification.is-info{background:rgba(34,211,238,.09)!important;border-color:rgba(34,211,238,.2)!important;color:var(--cl)!important}

/* ══ MESSAGE / ALERT ══ */
.message{border-radius:12px!important}
.message-body{background:transparent!important;color:var(--t1)!important;border:none!important}
.message.is-info{background:rgba(34,211,238,.07)!important;border-left:3px solid var(--cl)!important}
.message.is-success{background:rgba(0,214,143,.07)!important;border-left:3px solid var(--g0)!important}
.message.is-warning{background:rgba(245,158,11,.07)!important;border-left:3px solid #fbbf24!important}
.message.is-danger{background:rgba(239,68,68,.07)!important;border-left:3px solid #f87171!important}

/* ══ TABS ══ */
.tabs ul{border-bottom-color:rgba(255,255,255,.07)!important}
.tabs a{color:var(--t2)!important;border-bottom-color:transparent!important}
.tabs li.is-active a{color:var(--p2)!important;border-bottom-color:var(--p0)!important}
[data-theme=light] .tabs li.is-active a{color:var(--p0)!important}
.tabs a:hover{color:var(--t0)!important;background:transparent!important}

/* ══ TAGS ══ */
.tag{border-radius:999px!important;font-size:11px!important;font-weight:700!important}
.tag.is-primary,.tag.is-link{background:rgba(124,92,252,.15)!important;color:var(--p2)!important}
.tag.is-success{background:rgba(0,214,143,.14)!important;color:var(--g0)!important}
.tag.is-danger{background:rgba(239,68,68,.14)!important;color:#f87171!important}
.tag.is-warning{background:rgba(245,158,11,.14)!important;color:#fbbf24!important}
.tag.is-info{background:rgba(34,211,238,.14)!important;color:var(--cl)!important}
.tag:not([class*="is-"]){background:rgba(255,255,255,.08)!important;color:var(--t1)!important}

/* ══ TYPOGRAPHY ══ */
.title{color:var(--t0)!important}.subtitle{color:var(--t1)!important}
strong,b{color:var(--t0)!important}
p{color:var(--t1)!important}small{color:var(--t2)!important}
code{background:var(--s2)!important;color:var(--p2)!important;border:1px solid rgba(124,92,252,.2)!important;border-radius:6px!important;padding:2px 8px!important}
pre{background:#04040d!important;color:#c4c4e4!important;border:1px solid var(--bord)!important;border-radius:12px!important}
hr{background:rgba(255,255,255,.07)!important}
a{color:var(--p2)!important}a:hover{color:var(--p2)!important;opacity:.85}
[data-theme=light] a{color:var(--p0)!important}
.has-text-grey,.has-text-grey-dark,.has-text-grey-light{color:var(--t2)!important}
.has-text-dark,.has-text-black{color:var(--t0)!important}
.has-text-success{color:var(--g0)!important}.has-text-danger{color:#f87171!important}
.has-text-warning{color:#fbbf24!important}.has-text-primary,.has-text-link{color:var(--p2)!important}
[data-theme=light] .has-text-primary,[data-theme=light] .has-text-link{color:var(--p0)!important}

/* ══ MODAL ══ */
.modal-card{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:18px!important;overflow:hidden!important}
.modal-card-head{background:var(--s2)!important;border-bottom:1px solid var(--bord)!important}
.modal-card-title{color:var(--t0)!important;font-weight:700!important}
.modal-card-body{background:var(--s1)!important;color:var(--t1)!important}
.modal-card-foot{background:var(--s2)!important;border-top:1px solid var(--bord)!important}
.modal-background{background:rgba(0,0,0,.8)!important}

/* ══ PAGINATION ══ */
.pagination-link,.pagination-previous,.pagination-next{background:var(--s2)!important;border-color:rgba(255,255,255,.1)!important;color:var(--t1)!important;border-radius:9px!important}
.pagination-link:hover{border-color:var(--p0)!important;color:var(--p2)!important}
.pagination-link.is-current{background:var(--p0)!important;border-color:var(--p0)!important;color:#fff!important}

/* ══ PANEL / MENU ══ */
.panel{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:16px!important;overflow:hidden!important}
.panel-heading{background:var(--s2)!important;color:var(--t0)!important;font-weight:700!important}
.panel-tabs a{color:var(--t2)!important;border-bottom-color:transparent!important}
.panel-tabs a.is-active{color:var(--p2)!important;border-bottom-color:var(--p0)!important}
[data-theme=light] .panel-tabs a.is-active{color:var(--p0)!important}
.panel-block{background:var(--s1)!important;border-color:rgba(255,255,255,.05)!important;color:var(--t1)!important}
.menu-label{color:var(--t2)!important;font-size:10px!important;letter-spacing:.8px!important;text-transform:uppercase!important}
.menu-list a{color:var(--t1)!important;border-radius:9px!important}
.menu-list a:hover,.menu-list a.is-active{background:rgba(124,92,252,.1)!important;color:var(--p2)!important}
[data-theme=light] .menu-list a:hover,[data-theme=light] .menu-list a.is-active{color:var(--p0)!important}
.dropdown-menu{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:12px!important}
.dropdown-item{color:var(--t1)!important}
.dropdown-item:hover,.dropdown-item.is-active{background:rgba(124,92,252,.1)!important;color:var(--p2)!important}

/* ══ BREADCRUMB ══ */
.breadcrumb a{color:var(--t2)!important}
.breadcrumb li.is-active a{color:var(--t1)!important}
.breadcrumb li+li::before{color:rgba(255,255,255,.2)!important}

/* ══ ADMIN SPECIFIC ══ */
/* Dashboard KPI/Chart cards */
.kpi-card,.chart-section,.top-links-section,.breakdown-grid>*{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:18px!important;box-shadow:none!important}
.kpi-card:hover{border-color:var(--bord-h)!important}
/* Admin settings cards */
.set-card{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:16px!important;box-shadow:none!important}
/* Admin inputs */
input.input,textarea.textarea,.lang-select,select{background:var(--s2)!important;border-color:rgba(255,255,255,.1)!important;color:var(--t0)!important}
.lang-select{border-radius:9px!important}

/* ══ LINK CREATE PAGE ══ */
.form-card{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:18px!important;box-shadow:none!important}
.soft{background:rgba(255,255,255,.04)!important;border:1px dashed rgba(255,255,255,.1)!important;border-radius:12px!important}
.preview-pill{background:var(--s2)!important;border:1px dashed rgba(124,92,252,.3)!important;border-radius:10px!important;color:var(--p2)!important;font-family:monospace!important}

/* ══ PUBLISHER DASHBOARD ══ */
.welcome-header{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:18px!important}
.kpi-label{color:var(--t2)!important;font-size:12px!important}
.kpi-value{color:var(--t0)!important;font-weight:800!important}
.chart-header h2{color:var(--t0)!important}
canvas{background:transparent!important}

/* ══ ADVERTISER PAGES ══ */
.adv-dashboard,.adv-stat-card,.stat-card,.adv-card{background:var(--s1)!important;border:1px solid var(--bord)!important;border-radius:16px!important;box-shadow:none!important}

/* ══ SCROLLBAR ══ */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--s3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--s4)}

/* ══ LIGHT MODE RESTORE ══ */
[data-theme=light] .input,[data-theme=light] .textarea,[data-theme=light] .select select,[data-theme=light] input.input,[data-theme=light] .set-card,[data-theme=light] .form-card,[data-theme=light] .kpi-card,[data-theme=light] .chart-section{background:#fff!important;border-color:var(--s4)!important;color:var(--t0)!important}
[data-theme=light] body [style*="background:#fff"],[data-theme=light] body [style*="background: #fff"]{background:#fff!important}
[data-theme=light] .soft{background:var(--s2)!important;border-color:var(--s4)!important}

/* V10 FIXED — dark only, fixed nav, white button text */
html,body{color-scheme:dark}
.thm,.hidden{display:none!important}
.mm,.mm.open{display:none!important}
.ham{display:none!important}
/* Fixed nav spacer */
body>section.hero,body>.hero{padding-top:160px!important}
/* White text in nav and buttons */
.btn-out,.nbo{color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.btn-fill,.nbf{color:#fff!important}
.btn-primary,.hb1{color:#fff!important}
.btn-secondary,.hb2{color:#fff!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important}
.btn-secondary:hover,.hb2:hover{color:#fff!important;background:rgba(255,255,255,.12)!important}
/* Logo */
.nav-logo-icon,.logi{font-size:17px}
/* No light mode anywhere */
[data-theme=light] body,[data-theme=light] html{background:#080810!important;color:#f0f0ff!important}


/* ══ MOBILE-FIRST CRITICAL FIXES ══ */
/* Nav buttons ALWAYS visible regardless of screen size */
.nbo,.nbf,.btn-out,.btn-fill{display:inline-flex!important;align-items:center;justify-content:center}
/* Mobile responsive admin layout */
@media(max-width:960px){
  .aside{transform:translateX(-100%)}
  .aside.open{transform:translateX(0)}
  .amain{margin-left:0!important}
}
@media(max-width:640px){
  .atopbar{padding:10px 14px}
  .amain{padding:14px}
}
/* Dark background forced on html element */
html{background:#080810}