/* Twin Creeks photographic/glass treatment */

html {
    min-height: 100%;
    background: #173b28;
}

body {
    min-height: 100vh !important;
    background:
        linear-gradient(
            rgba(8, 25, 18, 0.24),
            rgba(8, 25, 18, 0.46)
        ),
        url('/images/twincreeks-bg.png') 60% center / cover fixed no-repeat !important;
}

/* Main white content surfaces become frosted glass */
.card,
.panel,
.box,
.section,
form {
    background-color: rgba(255,255,255,0.84) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Keep tables readable but allow the glass beneath to show */
.card table,
.panel table,
.box table {
    background: transparent !important;
}

.card td,
.panel td,
.box td {
    background: rgba(255,255,255,0.12);
}

/* Fixed footer/navigation should float over the course */
.bottom {
    background: rgba(238,242,238,0.78) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Header stays strong and readable */
.header {
    position: relative;
    z-index: 2;
}

/* Slightly stronger glass on small screens for outdoor readability */
@media (max-width: 600px) {
    body {
        background-position: 60% center !important;
        background-attachment: fixed !important;
    }

    .card,
    .panel,
    .box,
    .section,
    form {
        background-color: rgba(255,255,255,0.88) !important;
    }
}