/* Frosted glass effect */
.frosted {
    background: rgba(13, 110, 253, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.frosted-white {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Background setup - fixed to left */
body.home-page {
    background: url('../img/backs/S04-Seat.jpg') no-repeat left center fixed;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Navbar Button Styling */
.navbar-nav .nav-link {
    padding: 0.5rem 1rem !important;
    margin: 0 0.25rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.navbar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

/* Ensure content fills height */
main {
    flex: 1;
}

/* Frosted cards */
.card {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px);
}

.bg-purple-subtle {
    background-color: #e0cffc !important;
}

/* Admin Matrix Table Improvements */
.table-matrix tbody tr {
    border-bottom: 2px solid #333 !important;
}

/* Ensure borders are visible in the matrix */
.table-matrix td, .table-matrix th {
    border: 1px solid #dee2e6;
}

/* Zebra striping for members to make it even easier to follow rows */
.table-matrix tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}