/*
 * Belgia Lotto forced theme override
 * Version 1.2.1 — Red & Yellow
 * Loaded after the public/admin base stylesheet with a unique filename.
 */
:root {
    --bg: #140304 !important;
    --bg2: #1b0407 !important;
    --bg-soft: #1d0508 !important;
    --card: rgba(45, 7, 12, 0.92) !important;
    --card-solid: #2a080d !important;
    --surface: rgba(46, 8, 13, 0.94) !important;
    --surface-strong: #2a080d !important;
    --surface-soft: rgba(255, 255, 255, 0.035) !important;
    --surface-hover: rgba(255, 255, 255, 0.065) !important;
    --text: #fff9ef !important;
    --text-soft: #f0ddd2 !important;
    --muted: #baa09c !important;
    --muted-2: #8d716e !important;
    --line: rgba(255, 215, 74, 0.14) !important;
    --line-strong: rgba(255, 215, 74, 0.25) !important;
    --purple: #e3132a !important;
    --purple2: #a9041a !important;
    --purple-2: #a9041a !important;
    --green: #ffd23f !important;
    --green-2: #e0a800 !important;
    --gold: #ffca32 !important;
    --danger: #ff556c !important;
    --red: #ff556c !important;
}

html,
body {
    background-color: #140304 !important;
}

body:not(.login-body) {
    background:
        radial-gradient(circle at 74% -10%, rgba(227, 19, 42, 0.28), transparent 34%),
        radial-gradient(circle at 100% 50%, rgba(255, 210, 63, 0.13), transparent 32%),
        linear-gradient(180deg, #140304 0%, #1b0407 52%, #100203 100%) !important;
    color: #fff9ef !important;
}

/* Public website */
.ambient-one { background: #e3132a !important; }
.ambient-two { background: #ffd23f !important; opacity: 0.14 !important; }
.site-header.scrolled {
    background: rgba(20, 3, 4, 0.91) !important;
    border-bottom-color: rgba(255, 210, 63, 0.14) !important;
}
.brand img,
.admin-brand img,
.login-brand img {
    filter: drop-shadow(0 12px 22px rgba(227, 19, 42, 0.36)) !important;
}
.main-nav a.active::after {
    background: linear-gradient(90deg, #e3132a, #ffd23f) !important;
}
.main-nav .nav-admin {
    border-color: rgba(255, 210, 63, 0.36) !important;
    background: linear-gradient(135deg, rgba(227, 19, 42, 0.24), rgba(255, 210, 63, 0.13)) !important;
}
.eyebrow {
    border-color: rgba(255, 210, 63, 0.30) !important;
    background: rgba(227, 19, 42, 0.12) !important;
    color: #ffe79b !important;
}
.eyebrow i,
.trust-dot,
.verified i,
.status-pill i {
    background: #ffd23f !important;
    box-shadow: 0 0 14px rgba(255, 210, 63, 0.75) !important;
}
.gradient-text {
    background: linear-gradient(95deg, #ffffff 8%, #ffe483 45%, #ff334b 92%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
.btn-primary,
.page-link.active,
.page-link:hover {
    border-color: transparent !important;
    background: linear-gradient(135deg, #e3132a 0%, #bd071e 48%, #e1a700 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 13px 35px rgba(170, 4, 26, 0.38) !important;
}
.live-card,
.result-card,
.live-stage {
    border-color: rgba(255, 210, 63, 0.16) !important;
    background: linear-gradient(145deg, rgba(54, 8, 15, 0.96), rgba(20, 3, 5, 0.97)) !important;
}
.live-card::before {
    background: linear-gradient(140deg, rgba(227, 19, 42, 0.88), transparent 40%, rgba(255, 210, 63, 0.72)) !important;
}
.winner-panel {
    background: radial-gradient(circle at 50% 0, rgba(227, 19, 42, 0.30), transparent 66%), #1b0508 !important;
}
.winner-number {
    background: linear-gradient(180deg, #ffffff, #ffd85a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: 0 15px 35px rgba(227, 19, 42, 0.30) !important;
}
.announcement-label,
.period-badge {
    background: rgba(227, 19, 42, 0.18) !important;
    color: #ffe17d !important;
}
.result-card,
.history-table-wrap,
.feature-card,
.content-card,
.contact-info,
.contact-form,
.filter-bar,
.compact-result,
.count-unit {
    background-color: rgba(43, 7, 11, 0.82) !important;
    border-color: rgba(255, 210, 63, 0.14) !important;
}
.prize.first {
    border-color: rgba(255, 210, 63, 0.36) !important;
    background: radial-gradient(circle at 50% 0, rgba(255, 210, 63, 0.24), transparent 68%), rgba(255, 255, 255, 0.04) !important;
}
.prize.first b,
.verified,
.text-link {
    color: #ffd449 !important;
}
.number-chip,
.compact-prizes div,
.field input,
.field select,
.field textarea {
    background: #1b0508 !important;
    border-color: rgba(255, 210, 63, 0.13) !important;
    color: #fff9ef !important;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
    border-color: #e3132a !important;
    box-shadow: 0 0 0 3px rgba(227, 19, 42, 0.15) !important;
}
.draw-ball {
    background: radial-gradient(circle at 32% 22%, #fff 0 4%, #ffe49b 7%, #e3132a 29%, #7a0717 70%, #210509 100%) !important;
}
.site-footer {
    background: #100203 !important;
    border-top-color: rgba(255, 210, 63, 0.14) !important;
}

/* Dashboard */
.admin-page,
.login-body {
    background:
        radial-gradient(circle at 68% -12%, rgba(227, 19, 42, 0.28), transparent 34%),
        radial-gradient(circle at 100% 48%, rgba(255, 202, 50, 0.14), transparent 31%),
        linear-gradient(180deg, #140304 0%, #190406 45%, #110203 100%) !important;
    color: #fff9ef !important;
}
.sidebar {
    border-right-color: rgba(255, 210, 63, 0.13) !important;
    background: rgba(20, 3, 5, 0.97) !important;
}
.side-nav a .nav-icon {
    color: #ffe49a !important;
    background: rgba(227, 19, 42, 0.11) !important;
}
.side-nav a.active {
    border-color: rgba(227, 19, 42, 0.30) !important;
    background: linear-gradient(90deg, rgba(227, 19, 42, 0.28), rgba(255, 210, 63, 0.11)) !important;
    box-shadow: inset 3px 0 0 #e3132a, 0 12px 28px rgba(128, 7, 24, 0.20) !important;
}
.side-nav a.active .nav-icon,
.avatar,
.stat-icon,
.draw-hero-icon,
.prize-medal.first {
    background: linear-gradient(135deg, #e3132a, #d39b00) !important;
    color: #ffffff !important;
}
.topbar {
    border-bottom-color: rgba(255, 210, 63, 0.12) !important;
    background: rgba(20, 3, 5, 0.82) !important;
}
.live-status i {
    background: #ffd23f !important;
    box-shadow: 0 0 12px rgba(255, 210, 63, 0.8) !important;
}
.panel,
.stat-card,
.quick-link,
.draw-hero,
.draw-form-card,
.draw-section,
.prize-card,
.prize-pool-card,
.form-panel,
.message-card,
.login-card,
.data-table-wrap {
    border-color: rgba(255, 210, 63, 0.14) !important;
    background: linear-gradient(145deg, rgba(47, 8, 13, 0.95), rgba(25, 4, 7, 0.96)) !important;
}
.panel-head,
.draw-section-head,
.data-table th {
    border-color: rgba(255, 210, 63, 0.12) !important;
    background: rgba(255, 255, 255, 0.022) !important;
}
.admin-page input,
.admin-page select,
.admin-page textarea,
.login-body input {
    border-color: rgba(255, 210, 63, 0.14) !important;
    background: #1b0508 !important;
    color: #fff9ef !important;
}
.admin-page input:focus,
.admin-page select:focus,
.admin-page textarea:focus,
.login-body input:focus {
    border-color: #e3132a !important;
    box-shadow: 0 0 0 3px rgba(227, 19, 42, 0.16) !important;
}
.btn-secondary {
    border-color: rgba(255, 210, 63, 0.18) !important;
    background: rgba(255, 210, 63, 0.07) !important;
    color: #ffe9a4 !important;
}
.badge-published,
.badge-new,
.alert-success {
    border-color: rgba(255, 210, 63, 0.34) !important;
    background: rgba(255, 210, 63, 0.11) !important;
    color: #ffe37a !important;
}
.number-slot:focus-within,
.number-slot.is-busy {
    border-color: #e3132a !important;
    box-shadow: 0 0 0 3px rgba(227, 19, 42, 0.14) !important;
}
.table-number,
.prize-card strong,
.number-progress strong {
    color: #ffd449 !important;
}
.login-brand h1,
.topbar-heading h1,
.draw-section-title h2,
.panel-head h2,
.panel-head h3 {
    color: #fff9ef !important;
}
.admin-footer {
    border-top-color: rgba(255, 210, 63, 0.12) !important;
}

@media (max-width: 980px) {
    .main-nav {
        background: rgba(24, 4, 7, 0.98) !important;
    }
}