html,
body {
    margin: 0 !important;
    min-height: 100% !important;
}

body {
    min-height: 100vh !important;

    background-image:
        url("/static/zwallpaper.png") !important;

    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

    background-color: transparent !important;
    color: #f5f1e8 !important;
}

/* REMOVE BLUE / BROWN PAGE BACKGROUNDS EVERYWHERE */
html,
main,
section,
.hero,
.actions,
.stats,
.results,
.content,
.container,
.wrapper {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* TOP AREAS FULLY SEE-THROUGH */
nav,
header,
.navbar,
.navigation,
.topbar {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* TRANSPARENT RESULT / CONTENT AREAS */
.card,
.stat,
.result,
.case-panel,
.opinion,
.meta-panel {
    background: rgba(0,0,0,.20) !important;
    border-color: rgba(255,255,255,.16) !important;
}

/* SEARCH CONTROLS */
input,
select {
    background: rgba(0,0,0,.42) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,.25) !important;
}

select option {
    color: black !important;
}

button {
    background: rgba(235,220,180,.94) !important;
    color: #1b140a !important;
}

/* SITE LOGO */
.zlegal-global-logo {
    display: block !important;
    width: min(430px, 46vw) !important;
    height: auto !important;
    max-height: 145px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.8));
}

/* KEEP TEXT READABLE OVER ART */
h1,
h2,
h3,
p,
a,
.meta,
.label,
.number {
    text-shadow:
        0 2px 4px rgba(0,0,0,.95),
        0 0 7px rgba(0,0,0,.65);
}

a {
    color: #f1d68a !important;
}

@media (max-width: 800px) {
    .zlegal-global-logo {
        width: min(300px, 70vw) !important;
        max-height: 105px !important;
    }
}

/* ==============================================================
   ZLEGAL SITE-WIDE LOGO SIZE — 150% LARGER
   ============================================================== */

img[src*="zlegallogo"],
img[src*="zlegal"][src*="logo"],
.zlegal-logo,
.site-logo img,
.logo img,
header img[src*="logo"] {
    width: 540px !important;
    max-width: 48vw !important;
    height: auto !important;
    max-height: none !important;
}

@media (max-width: 800px) {
    img[src*="zlegallogo"],
    img[src*="zlegal"][src*="logo"],
    .zlegal-logo,
    .site-logo img,
    .logo img,
    header img[src*="logo"] {
        width: 85vw !important;
        max-width: 540px !important;
    }
}