/* style.css */

/* 1. Global Background Setup */
body { 
    background: url('/static/img/cricket-batsman-3840x2160-17540.jpeg') no-repeat center center fixed !important; 
    background-size: cover !important; 
    color: #E2E8F0; 
    margin: 0;
    min-height: 100vh;
    position: relative;
}

/* Background Overlay for contrast */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.7); /* Darker overlay for better text visibility */
    z-index: -1;
}

/* 2. Common Glass Effect Classes */
.glass-panel {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px;
}

header, .sidebar, .match-card, .bet-slip-wrapper, .wallet-card, .profile-section {
    background: rgba(21, 26, 34, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}