/* Core styles for booking system (full screen bg etc.)-- NR */

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;

    background-image:
        linear-gradient(
            rgba(0, 0, 0, 0.35),
            rgba(0, 0, 0, 0.35)
        ),
        url('../images/ECU_City.jpg');

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

main {
    min-height: calc(100vh - 56px);
}

.card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    border: 0;
}

.login-card {
    width: 100%;
    max-width: 450px;
}

.login-container {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
}
.booking-row {
    cursor: pointer;
}

/*  add campus bg transition  */

#campus-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
    transition: opacity 0.4s ease;
    opacity: 1;
}