@charset "UTF-8";

/* =========================================
   1. FUNDALUL TAU CU NINSOARE (Pastrat neschimbat)
   ========================================= */
body.dark-theme {
    background: url('../images/bg_main.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
}

body.dark-theme::before {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-image: 
        radial-gradient(circle, rgba(255, 204, 51, 0.6) 1.5px, transparent 1.5px), 
        radial-gradient(circle, rgba(255, 255, 255, 0.4) 1px, transparent 1px),
        radial-gradient(circle, rgba(197, 160, 89, 0.5) 2px, transparent 2px);
    background-size: 80px 80px, 150px 150px, 200px 200px;
    z-index: -1; animation: snowMoveMaier 12s linear infinite; pointer-events: none;
}

body.dark-theme::after {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at 50% 40%, transparent 10%, rgba(0,0,0,0.7) 100%);
    z-index: -1; pointer-events: none;
}

@keyframes snowMoveMaier {
    0% { background-position: 0 0, 0 0, 0 0; }
    100% { background-position: 40px 1000px, 80px 1000px, 120px 1000px; }
}

/* =========================================
   2. NEUTRALIZARE BOOTSTRAP (Rezolva problema albului)
   ========================================= */

/* Eliminam fundalul alb de pe Body ?i Containerele Bootstrap */
body, .container, .container-fluid, .row, .main-content {
    background-color: transparent !important;
    color: #fff !important;
}

/* REPARARE PANOU CONTROL & CARDURI */
/* Am identificat ca Bootstrap for?eaza fundalul pe .card ?i .table */
.card, .card-body, .panel, .panel-body, .bg-light, .account-box, .user-admin-page {
    background-color: rgba(35, 35, 35, 0.9) !important; /* Gri īnchis opac */
    background: rgba(35, 35, 35, 0.9) !important;
    border: 1px solid rgba(197, 160, 89, 0.3) !important;
    color: #ffffff !important;
}

/* REPARARE TABELE (Clasament) */
/* Īn Bootstrap-ul tau, .table are fundal alb implicit. Īl scoatem aici: */
.table {
    background-color: transparent !important;
    color: #ffffff !important;
}

.table td, .table th {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.table thead th {
    background-color: rgba(197, 160, 89, 0.2) !important;
    border-bottom: 2px solid #c5a059 !important;
    color: #c5a059 !important;
}

/* REPARARE FORMULARE (Input-uri albe din Panou Control) */
.form-control {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(197, 160, 89, 0.5) !important;
    color: #fff !important;
}

/* =========================================
   3. ELEMENTE DE DESIGN (Clasament Lateral & Butoane)
   ========================================= */
.rank-item, #top10_list li {
    background: rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 5px !important; padding: 10px !important;
    display: flex !important; align-items: center;
}

/* Simboluri Rank */
.rank-item:nth-child(1) .rank-num::before, #top10_list li:nth-child(1) .rank-num::before { content: "\265B"; color: #FFD700 !important; margin-right: 10px; }
.rank-item:nth-child(2) .rank-num::before, #top10_list li:nth-child(2) .rank-num::before { content: "\265E"; color: #C0C0C0 !important; margin-right: 10px; }
.rank-item:nth-child(3) .rank-num::before, #top10_list li:nth-child(3) .rank-num::before { content: "\265C"; color: #CD7F32 !important; margin-right: 10px; }

/* Butoane Aurii pentru contrast */
.btn-primary { 
    background-color: #c5a059 !important; 
    border: none !important; 
    color: #000 !important; 
    font-weight: bold !important; 
}

/* Ascunde logo-ul text albastru care se suprapune */
.logo-text, #logo-text, .header-logo h1 { display: none !important; }