/**
 * PixelGaming – Main Layout CSS
 *
 * @package PixelGaming
 * @since 2.0.0
 */

/* ============================================================
   RESET & BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html{background:#121212}
body{
    margin:0;padding:0;
    font-family:'Segoe UI',system-ui,sans-serif;
    font-size:16px;line-height:1.6;
    background:#1A1A2E;color:#E0E0E0;
    min-height:100vh;
}
a{color:#FFCC00;text-decoration:none}
a:hover{color:#FFAA00}

/* ============================================================
   SITE WRAPPER
   ============================================================ */
.pg-site-wrapper{
    display:flex;flex-direction:column;min-height:100vh;
    width:100%;max-width:100%;
}

/* ============================================================
   HEADER (scrollt normal weg, Nav bleibt sticky)
   ============================================================ */
.pg-site-header{background-color:rgba(10,10,24,0.98);z-index:1000}

/* Header Top (scrollt mit – verschwindet beim Scrollen) */
.pg-header-top{position:relative}

/* Server Status Bar */
.pg-server-bar{
    display:flex;align-items:center;justify-content:space-between;
    padding:6px 20px;
    background:rgba(0,0,0,0.3);
    font-family:'Press Start 2P',monospace;font-size:10px;
}
.pg-server-status{display:flex;align-items:center;gap:8px}
.pg-status-dot{width:10px;height:10px;border-radius:0}
.pg-status-dot.online{background:#5AFF3A;box-shadow:0 0 8px rgba(90,255,58,0.5)}
.pg-status-dot.offline{background:#FF4040;box-shadow:0 0 8px rgba(255,64,64,0.5)}

/* Server Edition (rechts in Status-Bar) */
.pg-server-edition{
    color:#A0A0A0;font-size:9px;text-align:right;
    white-space:nowrap;
}

/* Header Brand */
.pg-header-brand{
    text-align:center;padding:30px 20px 20px;position:relative;z-index:2;
}
.pg-minecraft-logo{line-height:1.2;position:relative}
.pg-logo-overlay .pg-mc-title{-webkit-text-stroke:1px #3D3D3D;text-shadow:2px 2px 0 #4A4A4A,4px 4px 0 #3A3A3A,6px 6px 0 #2A2A2A,8px 8px 0 #1A1A1A,10px 10px 0 #0A0A0A,0 0 40px rgba(0,0,0,0.7)}
.pg-logo-overlay .pg-mc-splash{text-shadow:2px 2px 0 #3A2A00,3px 3px 0 #000}
.pg-mc-title{
    font-family:'Press Start 2P',monospace;font-size:2.8rem;font-weight:400;
    color:#FAFAFA;
    -webkit-text-stroke:1px #3D3D3D;
    text-shadow:
        2px 2px 0 #4A4A4A,
        4px 4px 0 #3A3A3A,
        6px 6px 0 #2A2A2A,
        8px 8px 0 #1A1A1A,
        10px 10px 0 #0A0A0A,
        0 0 40px rgba(0,0,0,0.5);
    display:inline-block;letter-spacing:4px;text-transform:uppercase;
    image-rendering:pixelated;position:relative;z-index:1;
    line-height:1.1;
}
.pg-mc-tagline{
    font-family:'Press Start 2P',monospace;font-size:0.55rem;
    color:#FFCC00;display:block;margin-top:4px;
    text-shadow:1px 1px 0 rgba(0,0,0,0.8);
    letter-spacing:1px;
}
/* Splash-Text (MOTD) – Minecraft: oben-rechts am Titel, schräg */
.pg-mc-splash{
    font-family:'Press Start 2P',monospace;font-size:0.8rem;font-weight:400;
    color:#FFFF00;
    position:absolute;right:0;bottom:0;left:auto;top:auto;
    transform:translate(50%,50%) rotate(-10deg);transform-origin:center center;
    text-shadow:2px 2px 0 #3A2A00,3px 3px 0 #000;
    animation:pg-splash-wobble 2.5s ease-in-out infinite;
    white-space:nowrap;z-index:2;letter-spacing:1px;
}
@keyframes pg-splash-wobble {
    0%,100%{transform:translate(50%,50%) rotate(-10deg)}
    50%{transform:translate(50%,50%) rotate(-14deg)}
}

/* ============================================================
   STICKY NAVIGATION (bleibt immer sichtbar)
   ============================================================ */
.pg-main-nav{
    position:sticky;top:0;z-index:999;
    background-color:rgba(10,10,24,0.98);backdrop-filter:blur(8px);
    text-align:center;transition:box-shadow 0.3s;
}
.pg-main-nav.is-stuck{box-shadow:0 4px 20px rgba(0,0,0,0.6)}
body.admin-bar .pg-main-nav{top:32px}
@media screen and (max-width:782px){body.admin-bar .pg-main-nav{top:0}}

.pg-nav-list{
    list-style:none;margin:0;padding:0;
    display:flex;flex-wrap:wrap;justify-content:center;
}
.pg-nav-list li{position:relative}
.pg-nav-list a{
    display:block;padding:12px 22px;color:#FFF;text-decoration:none;
    font-family:'Press Start 2P',monospace;font-size:11px;
    text-shadow:1px 1px 0 #000;
    text-transform:uppercase;letter-spacing:1px;
    transition:all 0.15s;
}
.pg-nav-list a:hover,.pg-nav-list .current-menu-item a{
    background:rgba(255,255,255,0.1);color:#FFCC00;
}

/* Mobile Nav Toggle */
.pg-nav-toggle{display:none;background:none;border:2px solid #FFF;color:#FFF;padding:8px 16px;font-family:'Press Start 2P',monospace;font-size:12px;cursor:pointer;text-transform:uppercase;margin:0 auto}

/* ============================================================
   MAIN CONTENT
   ============================================================ */
.pg-site-content{
    flex:1 0 auto;padding:30px 20px;max-width:1400px;margin:0 auto;width:100%;
}

/* ============================================================
   FOOTER (immer sichtbar)
   ============================================================ */
.pg-site-footer{
    flex-shrink:0;
    background-color:rgba(10,10,24,0.98);
    padding:30px 20px 20px;
}
.pg-footer-inner{max-width:1400px;margin:0 auto}
.pg-footer-links-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:10px 20px;margin-bottom:20px;
}
.pg-footer-link{
    display:flex;align-items:center;gap:8px;
    padding:8px 12px;color:#CCC;text-decoration:none;
    font-family:'Press Start 2P',monospace;font-size:9px;
    transition:all 0.15s;
}
.pg-footer-link:hover{color:#FFCC00;background:rgba(255,255,255,0.05)}
.pg-footer-menu{margin-bottom:15px}
.pg-footer-menu .pg-nav-list{justify-content:center}
.pg-footer-menu .pg-nav-list a{font-size:10px;padding:6px 14px}
.pg-footer-copyright{text-align:center;font-size:0.75rem;color:#888;padding-top:15px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
    .pg-mc-title{font-size:1.6rem;letter-spacing:2px}
    .pg-mc-splash{font-size:0.55rem}
    .pg-mc-splash{font-size:0.55rem}
    .pg-nav-toggle{display:block}
    .pg-nav-list:not(.is-open){display:none}
    .pg-nav-list{flex-direction:column;align-items:center}
    .pg-nav-list a{font-size:10px;padding:8px 16px}
    .pg-server-bar{font-size:8px;flex-direction:column;gap:4px;text-align:center}
    .pg-footer-links-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
}
@media(max-width:480px){
    .pg-mc-title{font-size:1.1rem}
}