/*******************************************************************************
 **                                                                           **
 **   🎁 DESIGN: Wolfgang’s Cyber-Blue 2026 – Ultimate Glass Edition          **
 **   --------------------------------------------------------------          **
 **   STATUS: Final Gift Build | Stand: 15. Januar 2026                       **
 **                                                                           **
 **   HIGHLIGHTS:                                                             **
 **   - Automatische Schriftübernahme (Smart-Inherit)                         **
 **   - Ultra-Slim Footer mit Kategorie-Style-Hover                           **
 **   - 3D-Floating & Neon-Pulse Effekte                                      **
 **   - Full-Transparency Glass Design                                        **
 **                                                                           **
 *******************************************************************************/
 
/* 1. SCHRIFT- & FARBAUTOMATIK */
/* Das Skript übernimmt automatisch die im Forum eingestellte Schriftart */
html, body, #wrapper, #main, .box, .boxheader, #footer, a, div, span, input, button {
    font-family: inherit !important; 
    color: #ffffff !important;
}
 
/* 2. SYSTEM-RESET: Volle Transparenz für den Cyber-Look */
html, body, #wrapper, #main, #main_container, #content_container, .main-content, 
.portal_container, #obere_leiste {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
 
/* 3. DIE SCHWEBENDEN BOXEN (FORUM & PORTAL) */
.box, .xFeedContainer, .category_container, .portal_box, .portal_box_container, .xobor_stat_block {
    background: rgba(255, 255, 255, 0.01) !important;
    backdrop-filter: blur(12px);
    border: 1px solid #000090 !important;
    border-radius: 20px !important;
    margin-bottom: 55px !important;
    padding: 15px !important;
    position: relative;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    animation: neonPulse 4s infinite ease-in-out;
}
 
/* Hover-Effekt für die Boxen */
.box:hover, .portal_box:hover, .xFeedContainer:hover, .xobor_stat_block:hover {
    transform: translateY(-12px) !important;
    border-color: #3c6cce !important;
    background: rgba(60, 108, 206, 0.1) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 144, 0.4) !important;
}
 
/* 4. ULTRA-SLIM 3D-HEADER (KATEGORIEN) */
.boxheader, .box .boxheader, .portal_box_header, .portal_box h2, .dheader {
    background: linear-gradient(135deg, #000090 0%, #3c6cce 50%, #000090 100%) !important;
    margin: -28px -15px 12px -15px !important; 
    padding: 3px 25px !important; 
    border-radius: 50px !important;
    font-size: 11px !important; 
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    box-shadow: 0 6px 15px rgba(0, 0, 144, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    text-align: center;
    transition: all 0.3s ease-in-out !important;
}
 
.boxheader:hover, .portal_box_header:hover, .dheader:hover {
    filter: brightness(1.3) !important;
    transform: scale(1.03) !important;
}
 
/* 5. FOOTER: ULTRA-SLIM & INTERAKTIV (WOLFGANG-SPECIAL) */
#footer, div.footer, .footer_container {
    background: linear-gradient(135deg, #000090 0%, #3c6cce 50%, #000090 100%) !important;
    margin: 40px auto 20px auto !important;
    padding: 4px 20px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 144, 0.4) !important;
    display: table !important; /* Zentriert den schmalen Footer */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-align: center !important;
}
 
/* Footer-Hover (identisch zum Kategorie-Stil) */
#footer:hover, div.footer:hover, .footer_container:hover {
    filter: brightness(1.2) !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(60, 108, 206, 0.6) !important;
}
 
#footer a, div.footer a {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 9px !important;
    text-transform: uppercase;
}
 
/* 6. ZEILEN-EFFEKT: NEON-SLIDE (BEIM DRÜBERFAHREN) */
.boxcontent tr, .forum_row, .portal_box_content tr {
    background: transparent !important;
    transition: all 0.3s ease !important;
}
 
.boxcontent tr:hover, .forum_row:hover, .portal_box_content tr:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateX(8px) !important;
    box-shadow: inset 5px 0 0 #3c6cce !important;
}
 
/* 7. NAVIGATION: CYBER-GLAS OPTIK */
#navigation, .topnavigation, .topnavigation_wrap ul, ul.navigation {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(15px);
    border: 1px solid #3c6cce !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    box-shadow: 0 0 20px rgba(60, 108, 206, 0.4) !important;
}
 
/* 8. NEON-PULSE ANIMATION & SCROLLBAR */
@keyframes neonPulse {
    0% { border-color: #000090; box-shadow: 0 0 5px rgba(0,0,144,0.2); }
    50% { border-color: #3c6cce; box-shadow: 0 0 12px rgba(60,108,206,0.3); }
    100% { border-color: #000090; box-shadow: 0 0 5px rgba(0,0,144,0.2); }
}
 
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { 
    background: linear-gradient(#000090, #3c6cce); 
    border-radius: 10px;
}