/**
 * Glassmorphism Theme - iPhone Glasses Style
 * Frosted glass / translucent UI inspired by Apple visionOS
 * Applied across sidebar, header, cards, and body background
 */

/* ===== 0.4 Body Background - subtle gradient for glass effect ===== */
body,
body.theme-1, body.theme-2, body.theme-3, body.theme-4, body.theme-5,
body.theme-6, body.theme-7, body.theme-8, body.theme-9, body.theme-10,
body.custom-color {
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 50%, #f0f4f8 100%) !important;
}

body.dark-mode,
body.dark-mode.theme-1,
body.dark-mode.theme-2,
body.dark-mode.theme-3,
body.dark-mode.custom-color {
    background: linear-gradient(135deg, #1a1c24 0%, #22242c 50%, #1e2028 100%) !important;
}

/* ===== 0.1 Sidebar - Frosted Glass ===== */
.dash-sidebar.light-sidebar,
.dash-sidebar.light-sidebar.transprent-bg {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* 0.7 Sidebar spacing and structure */
.dash-sidebar .navbar-content {
    padding: 8px 0;
}

.dash-sidebar .dash-navbar > .dash-item > .dash-link {
    padding: 12px 16px;
    margin: 2px 8px;
    border-radius: 12px;
    transition: background 0.2s ease, border-radius 0.2s ease;
}

.dash-sidebar .dash-item .dash-submenu .dash-link {
    padding: 10px 16px 10px 44px;
    margin: 1px 8px;
    border-radius: 10px;
}

/* Hover - subtle glass overlay */
.dash-sidebar .dash-item .dash-link:hover {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* Active item - theme color with light transparency overlay */
.dash-sidebar .dash-navbar > .dash-item.active > .dash-link,
.dash-sidebar .dash-navbar > .dash-item.dash-trigger > .dash-link {
    border-radius: 12px;
    margin: 2px 8px;
}

.dash-sidebar .dash-item .dash-submenu .dash-item.active > .dash-link {
    border-radius: 10px;
}

/* Logo area */
.dash-sidebar .m-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* ===== 0.2 Header - same glass style ===== */
.dash-header .header-wrapper,
.dash-header.transprent-bg .header-wrapper {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
}

/* ===== 0.3 Cards - glass effect ===== */
.dash-container .card {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}

.dash-container .card .card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px 16px 0 0;
}

/* Auth layout cards */
.custom-wrapper .card {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

/* ===== 0.6 Dark Mode Glass ===== */
body.dark-mode .dash-sidebar,
body[data-theme="dark"] .dash-sidebar,
.dark .dash-sidebar {
    background: rgba(30, 30, 35, 0.6) !important;
    border-right-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .dash-header .header-wrapper,
body[data-theme="dark"] .dash-header .header-wrapper,
.dark .dash-header .header-wrapper {
    background: rgba(30, 30, 35, 0.6) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .dash-container .card,
body[data-theme="dark"] .dash-container .card,
.dark .dash-container .card {
    background: rgba(40, 40, 48, 0.5);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-mode .custom-wrapper .card,
.dark .custom-wrapper .card {
    background: rgba(40, 40, 48, 0.5);
    border-color: rgba(255, 255, 255, 0.08);
}