/* Premium Dark Theme for soccer808.ng */

:root {
    --dt-bg-base: #0f172a;
    --dt-bg-card: rgba(30, 41, 59, 0.7);
    --dt-card-border: rgba(255, 255, 255, 0.1);
    --dt-text-main: #f8fafc;
    --dt-text-muted: #94a3b8;
    --dt-accent-blue: #3b82f6;
    --dt-accent-green: #22c55e;
    --dt-accent-red: #ef4444;
    --dt-glow: rgba(59, 130, 246, 0.5);
}

body {
    background-color: var(--dt-bg-base) !important;
    background-image: radial-gradient(circle at 15% 50%, rgba(59, 130, 246, 0.1), transparent 50%), 
                      radial-gradient(circle at 85% 30%, rgba(34, 197, 94, 0.05), transparent 50%) !important;
    color: var(--dt-text-main) !important;
}

/* Headings and Base Text */
h1, h2, h3, h4, h5, h6, .main-title, .header-text, .text-dark {
    color: var(--dt-text-main) !important;
}

p, span, .text-muted, .footer-contact {
    color: var(--dt-text-muted) !important;
}

/* Overriding links inside .text-muted explicitly if any */
.text-muted a {
    color: var(--dt-accent-blue) !important;
}
.text-muted a:hover {
    color: #60a5fa !important;
}

/* Main Cards */
.newvp_card, .new-card, .tip-wrapper, .tip-card, .winning-card, .store-card, .bg-white, .bg-light, .note-header, .card, .betnow {
    background: var(--dt-bg-card) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid var(--dt-card-border) !important;
    color: var(--dt-text-main) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.newvp_card:hover, .tip-card:hover, .new-card:hover, .winning-card:hover, .betnow:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(255,255,255, 0.2) !important;
}

/* Inner elements logic */
.tip-wrapper-inner, .upcoming-tip-wrapper-inner {
    background: transparent !important;
    border: none !important;
}

/* Category Tabs and Badges */
.category_box {
    background: #1e293b !important;
    border: 1px solid var(--dt-card-border) !important;
    color: var(--dt-text-main) !important;
}
.category_box:hover {
    background: var(--dt-accent-blue) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Top Scorers and League Tables */
.top-scorers-header, .top-scorers-table, .league-bar, .league-holder, .bg-success, .bg-primary, .custom-card-header, .custom-card-header-tip {
    background: #1e293b !important;
    color: var(--dt-text-main) !important;
    border-color: var(--dt-card-border) !important;
}
.top-scorers-body, td, th, table, .table {
    background: transparent !important;
    color: var(--dt-text-main) !important;
    border-color: var(--dt-card-border) !important;
}

.league-bar p, .league-holder {
    color: var(--dt-text-main) !important;
}
.league-bar img {
    background: transparent !important;
    filter: brightness(0.9);
}

/* Form Circles */
.newvp_form-circle, .team-form {
    border-radius: 50% !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
}
.newvp_form-circle.win, .team-form.win, .win_h, span.first.bg-success {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.4) !important;
}
.newvp_form-circle.draw, .team-form.draw, .draw_h {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #fff !important;
}
.newvp_form-circle.loss, .team-form.loose, .loose_h {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4) !important;
}

/* Odds and Buttons */
.date-toggle, .btn-sm, .show-more-btn, .blog-btn {
    background: #1e293b !important;
    color: var(--dt-text-main) !important;
    border: 1px solid var(--dt-card-border) !important;
    transition: all 0.2s ease-in-out !important;
}
.date-toggle.active, .btn-sm:hover, .green-btn, .red-btn, .blog-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4) !important;
}

/* Odds Pills */
.newvp_team-score {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--dt-text-main) !important;
    border: 1px solid var(--dt-card-border) !important;
}
.newvp_tip_card {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(34, 197, 94, 0.3) !important;
}
.newvp_time_card, .date_active {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.3) !important;
    border: none !important;
}
.newvp_league {
    background: #0f172a !important;
    border: 1px solid var(--dt-card-border) !important;
}

/* Anchors */
a.font-weight-bold.text-dark {
    color: var(--dt-accent-blue) !important;
}
a.font-weight-bold.text-dark:hover {
    color: #60a5fa !important;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.5) !important;
}

/* Footers and Borders */
.border, .border-left, .border-primary {
    border-color: var(--dt-card-border) !important;
}

/* Preloader fixing */
.preloader {
    background: var(--dt-bg-base) !important;
}

/* Fix table text in dark mode */
.table td, .table th {
    color: var(--dt-text-main) !important;
}
.table td span {
    color: var(--dt-text-muted) !important;
}

/* Blog/Article Cards */
.blog-title-wrap {
    background: transparent !important;
}
.blog-title-wrap p {
    color: var(--dt-text-main) !important;
}
.wp-post-image {
    filter: brightness(0.85) contrast(1.1);
}
.wp-post-image:hover {
    filter: brightness(1) contrast(1.1);
    transition: filter 0.3s ease;
}

/* Bet Now buttons */
.betnow>span {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}
.betnow>span:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
}

/* Top navbar / Megamenu */
.megamenu, .dropdown-menu {
    background: var(--dt-bg-card) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid var(--dt-card-border) !important;
}
.dropdown-item {
    color: var(--dt-text-main) !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

/* Search bar / Inputs */
input.form-control {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid var(--dt-card-border) !important;
    color: var(--dt-text-main) !important;
}
input.form-control::placeholder {
    color: var(--dt-text-muted) !important;
}
input.form-control:focus {
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}