/* ================================
   MUONLINE PRO THEME FIX
   Azul + Oro + Texto visible
================================ */

/* Global text */
body, p, span, td, th, li, small {
    color: #e8e8e8 !important;
}

/* Titles */
h1, h2, h3, h4, h5 {
    color: #d8b25c !important; /* Oro MU */
    text-shadow: 0 0 6px rgba(216,178,92,0.4);
}

/* Links */
a {
    color: #4aa3ff !important; /* Azul bonito */
    text-decoration: none;
}
a:hover {
    color: #d8b25c !important;
}

/* Tables (Rankings, Downloads) */
table {
    background: rgba(0,0,0,0.45) !important;
    color: #fff !important;
}
table th {
    color: #d8b25c !important;
    font-weight: bold;
}
table td {
    color: #e8e8e8 !important;
}

/* Panels & boxes */
.panel, .card, .box, .content-box {
    background: rgba(0,0,0,0.55) !important;
    border: 1px solid rgba(216,178,92,0.25) !important;
    border-radius: 12px;
    padding: 15px;
}

/* Downloads white blocks fix */
.download-box, .downloads, .downloads-wrapper {
    background: rgba(0,0,0,0.55) !important;
    color: #fff !important;
}

/* Buttons MU style */
button, .btn, input[type="submit"] {
    background: linear-gradient(90deg,#1c3cff,#000) !important;
    color: white !important;
    border: 1px solid rgba(216,178,92,0.6) !important;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

button:hover, .btn:hover {
    background: linear-gradient(90deg,#d8b25c,#000) !important;
    box-shadow: 0 0 10px rgba(216,178,92,0.5);
}

/* Navbar text */
.navbar a {
    color: #e8e8e8 !important;
}
.navbar a:hover {
    color: #d8b25c !important;
}

/* Ranking flags */
.country-flag {
    width: 18px;
    height: 12px;
    border-radius: 2px;
}

/* Online status dot */
.status-dot {
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    margin-left:6px;
}
.status-dot.on {
    background:#32ff32;
}
.status-dot.off {
    background:#ff3333;
}


/* ===== Fix Flags + Online Status (Auto) ===== */
img.country-flag, .country-flag { width:18px; height:12px; border-radius:2px; vertical-align:middle; }
.flag-emoji { display:inline-block; width:18px; text-align:center; font-size:14px; line-height:12px; vertical-align:middle; }
.status-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; margin-left:6px; vertical-align:middle; }
.status-dot.on{ background:#32ff32; box-shadow:0 0 6px rgba(50,255,50,.55); }
.status-dot.off{ background:#ff3333; box-shadow:0 0 6px rgba(255,51,51,.55); }
/* Ensure inputs are writable */
input, textarea, select { pointer-events:auto !important; opacity:1 !important; position:relative !important; z-index:9999 !important; }
/* Improve text contrast on module boxes */
.card.box, .card, .box, .panel, .content, .content-box { color:#e8e8e8 !important; }