/* =========================================================
   🔥 CORE BODY & WALLPAPER LOGIC
   ========================================================= */
body {
    background-color: #2a1205 !important;
    color: #ffffff !important;
        background-image: url('uploads/backgrounds/bg_1783761311.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    }

/* =========================================================
   🪟 ULTRA-CLEAR GLASSMORPHISM ENGINE (When Wallpaper is Active)
   ========================================================= */

/* Tamam Cards, Sidebar, Navbar, Login & Register Box ko Super Transparent Sheesha bana do! */
.card, .modal-content, .main-table-card, .form-card, .top-navbar-bar, .sidebar, 
.login-card, .register-card, .metrics-card, .mockup-card, .dropdown-menu {
    background: rgba(69, 26, 3, 0.35) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.30) !important;
    color: #ffffff !important;
}

/* Sidebar Triggers & Links in Glass Mode */
.sidebar-menu .menu-trigger {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    backdrop-filter: blur(4px) !important;
}
.sidebar-menu .menu-trigger:hover, .dashboard-main-link:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

/* Form Inputs & Select boxes inside Glass Cards */
.form-control, .form-select {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(4px) !important;
}
.form-control:focus, .form-select:focus {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    border-color: #78350f !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}
.form-control::placeholder { color: #ffffff !important; opacity: 0.7; }
.form-select option { background: #451a03 !important; color: #ffffff !important; }

/* Table styling inside Glass */
.table, .table th, .table td {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: transparent !important;
}
.table th { background: rgba(0, 0, 0, 0.20) !important; }


/* Text readability enforce karo */
h1, h2, h3, h4, h5, h6, p, span, label, .form-label, .text-dark {
    color: #ffffff !important;
}