/* ============================================================
   themeboxes.css — Right Column Widget Visuals
   Gesior2012 | Dark Fantasy Theme
   ------------------------------------------------------------
   SCOPE: .widget-panel, server status, top players,
          discord widget, download/login buttons (right side).
   ============================================================ */

/* ── Widget panel base ── */
.widget-panel {
    background:linear-gradient(180deg,#141008,#0a0806);
    border:1px solid #2a2010; border-top:2px solid #3a3018;
    border-radius:2px; margin-bottom:8px;
    overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.5);
    width:100%;
}

.widget-header {
    background:linear-gradient(90deg,#1e1a0e,#141008);
    padding:7px 10px;
    font-family:'Cinzel',serif;
    font-size:8px; font-weight:600;
    letter-spacing:2.5px; text-transform:uppercase;
    color:#c9a349; border-bottom:1px solid #2a2010;
    display:flex; align-items:center; gap:6px;
}
.widget-header::before      { content:"⊹"; font-size:11px; opacity:.6; }
.widget-header-badge        { margin-left:auto; font-family:'Open Sans',sans-serif; font-size:9px; font-weight:600; letter-spacing:0; color:#40c060; }

.widget-body { padding:8px 10px; font-size:11px; color:#907860; }

/* ── Widget buttons ── */
.widget-btn {
    display:block; width:100%; border-radius:2px; padding:7px 0;
    text-align:center; font-family:'Open Sans',sans-serif;
    font-size:10px; font-weight:600; letter-spacing:.8px;
    text-transform:uppercase; color:#fff; cursor:pointer;
    margin-bottom:4px; text-decoration:none;
    transition:all .2s; border:1px solid transparent;
}
.widget-btn:last-child { margin-bottom:0; }
.widget-btn:hover      { text-decoration:none; color:#fff; }

.widget-btn-login    { background:linear-gradient(180deg,#7b3fc8,#5a2d96); border-color:#9b5fe8; }
.widget-btn-login:hover    { background:linear-gradient(180deg,#9b5fe8,#7b3fc8); box-shadow:0 0 12px rgba(123,63,200,.3); }
.widget-btn-create   { background:linear-gradient(180deg,#1a8c4e,#0e6035); border-color:#2ab870; }
.widget-btn-create:hover   { background:linear-gradient(180deg,#22a85e,#1a8c4e); box-shadow:0 0 10px rgba(42,184,112,.25); }
.widget-btn-danger   { background:linear-gradient(180deg,#8c2020,#601410); border-color:#c03030; }
.widget-btn-danger:hover   { background:linear-gradient(180deg,#c03030,#8c2020); box-shadow:0 0 10px rgba(192,48,48,.25); }
.widget-btn-download { background:linear-gradient(180deg,#c0392b,#8c2020); border-color:#e05040; margin-top:4px; }
.widget-btn-download:hover { background:linear-gradient(180deg,#e05040,#c0392b); box-shadow:0 0 10px rgba(224,80,64,.3); }

/* ── Server status ── */
.srv-row { display:flex; align-items:center; justify-content:space-between; padding:5px 0; border-bottom:1px solid #161410; font-size:11px; }
.srv-row:last-child { border-bottom:none; }
.srv-lbl { color:#504030; font-size:10px; }
.srv-val { color:#c8b888; font-weight:600; }

.status-online {
    display:inline-flex; align-items:center; gap:4px;
    background:#0a200e; border:1px solid #1a5020; border-radius:10px;
    padding:1px 8px; font-size:9px; color:#40c060; font-weight:600;
}
.status-online::before {
    content:""; width:6px; height:6px; background:#40c060; border-radius:50%;
    box-shadow:0 0 5px #40c060; animation:srvPulse 2s infinite; flex-shrink:0;
}
@keyframes srvPulse { 0%,100%{opacity:1} 50%{opacity:.4} }

.status-offline {
    display:inline-flex; align-items:center; gap:4px;
    background:#200a0a; border:1px solid #501a1a; border-radius:10px;
    padding:1px 8px; font-size:9px; color:#c03030; font-weight:600;
}
.status-offline::before { content:""; width:6px; height:6px; background:#c03030; border-radius:50%; flex-shrink:0; }

.players-online-link {
    display:block; text-align:center; padding:5px 0 3px;
    font-family:'Cinzel',serif; font-size:12px; font-weight:600;
    color:#c9a349 !important; text-shadow:0 0 8px rgba(201,163,73,.3);
    text-decoration:none;
}
.players-online-link:hover { color:#e8c870 !important; text-decoration:none; }

/* ── Top players ── */
.top-player-row { display:flex; align-items:center; gap:6px; padding:5px 0; border-bottom:1px solid #161410; font-size:11px; }
.top-player-row:last-child { border-bottom:none; }
.tp-icon { width:12px; height:12px; border-radius:50%; background:#c9a349; flex-shrink:0; }
.tp-name { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tp-name a { color:#b09878; font-weight:400; text-decoration:none; }
.tp-name a:hover { color:#c9a349; }
.tp-voc  { font-size:9px; color:#504030; white-space:nowrap; flex-shrink:0; }
.tp-lvl  { font-family:'Cinzel',serif; font-size:10px; font-weight:600; color:#c9a349; flex-shrink:0; min-width:34px; text-align:right; }

/* ── Discord ── */
.discord-row { display:flex; align-items:center; gap:6px; padding:3px 0; font-size:11px; color:#907060; border-bottom:1px solid #161410; }
.discord-row:last-child { border-bottom:none; }
.d-dot     { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.d-online  { background:#43b581; box-shadow:0 0 4px #43b581; }
.d-idle    { background:#faa61a; }
.d-dnd     { background:#f04747; }
.d-offline { background:#747f8d; }
.d-name    { flex:1; color:#a09080; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d-activity{ font-size:9px; color:#504030; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70px; }

.discord-join-btn {
    display:block; width:80px; margin:8px auto 2px;
    background:linear-gradient(180deg,#5865f2,#404eed);
    border:1px solid #7289da; border-radius:2px; padding:5px 0;
    text-align:center; font-family:'Open Sans',sans-serif;
    font-size:9px; font-weight:600; text-transform:uppercase;
    color:#fff; cursor:pointer; transition:all .2s; text-decoration:none;
}
.discord-join-btn:hover { background:linear-gradient(180deg,#6875f5,#5865f2); box-shadow:0 0 10px rgba(88,101,242,.3); color:#fff; text-decoration:none; }