/* ============================================================
   FUNLEGACY REVOLUTION - MASTER DESIGN REMIX (HELLBLAU)
   ============================================================ */

/* 1. HINTERGRUND & BASICS */
html, body {
    background: linear-gradient(rgba(10, 15, 30, 0.5), rgba(10, 15, 30, 0.6)), 
                url('https://funlegacy.de/bilder/funlegacyrevolution.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    padding-top: 20px !important;
    font-family: 'Poppins', 'Segoe UI', Roboto, sans-serif !important;
    color: #fff !important;
}

body.pushable>.pusher {
    background: transparent !important;
}

/* 2. CMS-TEXTMÜLL AUSBLENDEN */
body > b, 
body > a:not(.nav-link):not(.nav-btn-login):not(.silk-link):not(.silk-btn),
#wrapper > .ui.container:first-child > b,
#wrapper > .ui.container:first-child > a,
#wrapper > br, 
#wrapper > h1:first-of-type {
    display: none !important;
}

/* 3. RADIKALER GLASSMORPHISMUS-FIX (Erwischt jede weiße Box) */
.ui.table, 
.ui.segment, 
.ui.card, 
.content-section,
#forum-node,
.ui.segments,
.ui.attached.segment,
.ui.attached.segments,
.ui.message,          /* Fix für weiße Infoboxen */
.ui.info.message,     /* Fix für System-Meldungen */
.ui.table tbody tr,   /* Fix für weiße Tabellenzeilen */
.ui.table tbody tr td /* Fix für einzelne weiße Tabellenzellen */ {
    background: rgba(20, 26, 40, 0.75) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(0, 198, 255, 0.15) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
    margin-bottom: 30px !important;
    color: #fff !important;
}

/* Tabellen-Header anpassen */
.ui.table thead th {
    background: rgba(0, 198, 255, 0.1) !important;
    color: #00c6ff !important;
    border-bottom: 2px solid rgba(0, 198, 255, 0.3) !important;
    border-left: none !important;
    border-right: none !important;
}

.ui.table tbody tr td {
    color: #e0e6ed !important;
    border-top: 1px solid rgba(0, 198, 255, 0.1) !important;
}

.ui.table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Tab-Menüs und obere Reiter-Navigationen komplett abdunkeln */
.ui.tabular.menu, .ui.menu {
    border-bottom: 1px solid rgba(0, 198, 255, 0.15) !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.ui.tabular.menu .item {
    color: #b0c4de !important;
}

.ui.tabular.menu .active.item {
    background: rgba(20, 26, 40, 0.75) !important;
    color: #00c6ff !important;
    border: 1px solid rgba(0, 198, 255, 0.15) !important;
    border-bottom: none !important;
    border-radius: 15px 15px 0 0 !important;
}

/* Textfarben innerhalb aller Boxen korrigieren */
.ui.header, .ui.segment a, .ui.list .item .header, .forum_post, .ui.list>.item a.header {
    color: #fff !important;
}
.ui.header .sub.header, .ui.list .item .description, .ui.list>.item .description {
    color: #b0c4de !important;
}

/* 4. DESIGN-FARBEN AUF HELLBLAU (CYAN-BLUE) TRIMMEN */
.ui.masthead {
    background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%) !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px rgba(0, 198, 255, 0.3) !important;
}

/* Badges & Labels im Silkystick-Style */
.badge-primary, .ui.label.blue, .cc-window.cc-floating .cc-highlight .cc-btn.cc-allow {
    background-color: #00c6ff !important;
    color: #fff !important;
}

a {
    color: #00c6ff;
    transition: 0.2s ease;
}
a:hover {
    color: #0072ff;
}

/* 5. INPUT-FELDER IN GLAS-OPTIK */
.ui.form input:not(.button), .ui.form textarea, .ui.selection.dropdown {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(0, 198, 255, 0.2) !important;
    color: #fff !important;
    border-radius: 10px !important;
}
.ui.form input:focus, .ui.form textarea:focus, .ui.selection.active.dropdown {
    border-color: #00c6ff !important;
    box-shadow: 0 0 10px rgba(0, 198, 255, 0.3) !important;
}

/* 6. SCROLLBAR STYLE */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track {
    background: rgba(15, 15, 19, 0.5);
}
::-webkit-scrollbar-thumb { 
    background: linear-gradient(#0072ff, #00c6ff); 
    border-radius: 10px; 
}

/* 7. REPARATUR FÜR DEN DARKMODE-ZUSTAND */
body.dark, body.dark .ui.segment, body.dark .ui.table {
    background: rgba(15, 20, 30, 0.85) !important;
}
body.dark .ui.card, body.dark .ui.vertical.menu {
    background-color: rgba(20, 25, 35, 0.9) !important;
    color: #fff !important;
}