/* =========================================
   WILLTECH NOC - CLEAN GLASS BASE
   ========================================= */

html,
body {
    background: #080b10 !important;
}

/* largeur générale */
#page_container {
    max-width: 1700px !important;
    margin: 0 auto !important;
}

/* titres */
.service-group-name {
    color: rgba(255,255,255,.55) !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* CARTES : réellement transparentes */
.service-card {
    background: rgba(20, 27, 38, 0.42) !important;

    backdrop-filter: blur(14px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(120%) !important;

    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 10px !important;

    box-shadow:
        0 5px 18px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.service-card:hover {
    background: rgba(30, 40, 55, 0.52) !important;
    border-color: rgba(255,255,255,.12) !important;
    transform: translateY(-1px);
}

/* aucun overlay coloré */
.service-card::before,
.service-card::after {
    display: none !important;
}

/* texte */
.service-name {
    color: rgba(255,255,255,.92) !important;
    font-weight: 500 !important;
}

.service-description {
    color: rgba(210,220,232,.55) !important;
    font-size: .68rem !important;
}

/* métriques */
.service-card .service-stat {
    background: rgba(5,10,18,.20) !important;
    border: none !important;
    border-radius: 6px !important;
}

/* barre du haut */
#information-widgets {
    background: rgba(15,21,31,.45) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 12px !important;

    box-shadow: 0 5px 18px rgba(0,0,0,.16) !important;
}

/* widgets individuels du header */
.widget-container,
.information-widget-logo,
[class*="information-widget-glances"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* footer discret */
footer {
    opacity: .20 !important;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 20px;
}