/* ==========================================================
   ADULT LIFE
   SERVER STATUS + GRID STATUS
   FLACHE DARSTELLUNG
   ========================================================== */


/* ==========================================================
   SERVER STATUS
   ========================================================== */

body.dw-server-status-page
.server-status{

    gap:
        2rem !important;
}


/* Kopf nicht mehr als große Karte */

body.dw-server-status-page
.server-status-head{

    padding:
        0 0 1.4rem !important;

    border:
        0 !important;

    border-bottom:
        1px solid
        rgba(164,120,48,.42)
        !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


body.dw-server-status-page
.server-status-head::before{

    display:
        none !important;
}


body.dw-server-status-page
.server-status-head h1{

    color:
        #68191e !important;
}


body.dw-server-status-page
.server-status-head p{

    color:
        #645148 !important;

    opacity:
        1 !important;
}


/* LIVE bleibt als kleines Element bestehen */

body.dw-server-status-page
.server-status-live{

    border-color:
        rgba(92,145,55,.4)
        !important;

    background:
        rgba(92,145,55,.08)
        !important;

    color:
        #4f772e !important;
}


/* ----------------------------------------------------------
   Hauptwerte
   Keine Einzelkarten mehr
   ---------------------------------------------------------- */

body.dw-server-status-page
.server-status-grid{

    gap:
        0 !important;

    border-top:
        1px solid
        rgba(164,120,48,.28);

    border-bottom:
        1px solid
        rgba(164,120,48,.28);
}


body.dw-server-status-page
.server-status-card{

    min-height:
        0 !important;

    padding:
        1.25rem 1.3rem !important;

    border:
        0 !important;

    border-right:
        1px solid
        rgba(164,120,48,.22)
        !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


body.dw-server-status-page
.server-status-card:last-child{

    border-right:
        0 !important;
}


body.dw-server-status-page
.server-status-card::after{

    display:
        none !important;
}


body.dw-server-status-page
.server-status-card:hover{

    transform:
        none !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------
   Größere Statusbereiche
   ---------------------------------------------------------- */

body.dw-server-status-page
.server-status-row{

    gap:
        0 !important;

    border-top:
        1px solid
        rgba(164,120,48,.28);

    border-bottom:
        1px solid
        rgba(164,120,48,.28);
}


body.dw-server-status-page
.server-status-panel{

    padding:
        1.35rem !important;

    border:
        0 !important;

    border-right:
        1px solid
        rgba(164,120,48,.22)
        !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


body.dw-server-status-page
.server-status-panel:last-child{

    border-right:
        0 !important;
}


body.dw-server-status-page
.server-status-panel::after{

    display:
        none !important;
}


body.dw-server-status-page
.server-status-panel:hover{

    transform:
        none !important;

    box-shadow:
        none !important;
}


/* ----------------------------------------------------------
   Boxen IN den Boxen entfernen
   ---------------------------------------------------------- */

body.dw-server-status-page
.server-status-load{

    gap:
        1.2rem !important;
}


body.dw-server-status-page
.server-status-load div{

    padding:
        .35rem 0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;
}


body.dw-server-status-page
.server-status-network{

    gap:
        1.4rem !important;
}


body.dw-server-status-page
.server-status-network div{

    padding:
        .35rem 0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;
}


/* Zeitstempel ebenfalls keine Pill-Box */

body.dw-server-status-page
.server-status-footer{

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;

    color:
        #765f52 !important;
}


/* ==========================================================
   GRID STATUS
   Nur auf /grid-status
   ========================================================== */


/*
   Unterschiedliche GridStatus-Versionen verwenden teilweise
   leicht andere Klassennamen. Deshalb bewusst nur innerhalb
   der Plugin-Ausgabe und nur auf dieser URL.
*/


body.dw-grid-status-page
.site-extension-output
.card,

body.dw-grid-status-page
.site-extension-output
[class*="grid-status-card"],

body.dw-grid-status-page
.site-extension-output
[class*="grid-status-panel"],

body.dw-grid-status-page
.site-extension-output
[class*="status-card"],

body.dw-grid-status-page
.site-extension-output
[class*="status-panel"]{

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;

    transform:
        none !important;
}


/* direkte Unterboxen ebenfalls beruhigen */

body.dw-grid-status-page
.site-extension-output
.card-body{

    padding:
        .9rem 0 !important;
}


body.dw-grid-status-page
.site-extension-output
.card-header,

body.dw-grid-status-page
.site-extension-output
.card-footer{

    padding-left:
        0 !important;

    padding-right:
        0 !important;

    border-left:
        0 !important;

    border-right:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;
}


/* allgemeine GridStatus-Innenfelder */

body.dw-grid-status-page
.site-extension-output
[class*="status-box"],

body.dw-grid-status-page
.site-extension-output
[class*="status-item"]{

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        none !important;

    box-shadow:
        none !important;
}


/* Abschnitte klar durch Linien statt Karten */

body.dw-grid-status-page
.site-extension-output
article + article,

body.dw-grid-status-page
.site-extension-output
section + section{

    border-top:
        1px solid
        rgba(164,120,48,.28);
}


/* Hover-Hüpfen abschalten */

body.dw-grid-status-page
.site-extension-output
article:hover,

body.dw-grid-status-page
.site-extension-output
section:hover{

    transform:
        none !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media(max-width:1050px){

    body.dw-server-status-page
    .server-status-card{

        border-right:
            0 !important;
    }

    body.dw-server-status-page
    .server-status-card:nth-child(odd){

        border-right:
            1px solid
            rgba(164,120,48,.22)
            !important;
    }
}


@media(max-width:700px){

    body.dw-server-status-page
    .server-status-grid,

    body.dw-server-status-page
    .server-status-row{

        border:
            0 !important;
    }


    body.dw-server-status-page
    .server-status-card,

    body.dw-server-status-page
    .server-status-panel{

        border:
            0 !important;

        border-bottom:
            1px solid
            rgba(164,120,48,.25)
            !important;

        padding:
            1.15rem 0 !important;
    }


    body.dw-server-status-page
    .server-status-card:nth-child(odd){

        border-right:
            0 !important;
    }

}