/* ============================================================
 * UI System: Liquid Glass (Default Frosted Glass)
 * ============================================================ */
.glass-card,
.glass-panel,
.glass-form,
.glass-form-wrapper,
.info-card,
.dashboard-card,
.profile-card-modern,
.district-card-modern,
.recent-card-portrait,
.stat-item,
.services-panel-card,
.stories-panel-card,
.seo-column-card,
.filter-section,
.profile-card-premium,
.sidebar-widget-premium,
.similar-profile-card,
.profile-nav-tabs-wrapper,
.content-section,
.form-container,
.map-container,
.faq-section,
.faq-card,
.faq-item,
.team-card,
.feature-card,
.stat-card,
.mission-point,
.profile-card-horizontal {
    background: var(--vn-glass, rgba(255, 255, 255, 0.12)) !important;
    backdrop-filter: blur(var(--glass-blur-amt, 18px)) saturate(180%) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur-amt, 18px)) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18) !important;
    border-radius: var(--glass-radius, 20px) !important;
}

/* Liquid Dark Glassmorphism Profile & District Cards Paradigm */
.portrait-card-inner,
.profile-card-modern,
.district-card-modern,
.recent-card-portrait .portrait-card-inner {
    background: linear-gradient(180deg, rgba(51, 65, 85, 0.82) 0%, rgba(30, 41, 59, 0.92) 100%) !important;
    backdrop-filter: blur(20px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    border-radius: 18px !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.portrait-card-inner:hover,
.profile-card-modern:hover,
.district-card-modern:hover,
.recent-card-portrait:hover .portrait-card-inner {
    background: linear-gradient(180deg, rgba(51, 65, 85, 0.92) 0%, rgba(30, 41, 59, 0.98) 100%) !important;
    border-color: rgba(251, 191, 36, 0.7) !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4), 0 0 20px rgba(251, 191, 36, 0.3) !important;
}

.district-title {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.district-count-pill {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

.district-count-pill i {
    color: #fbbf24 !important;
}

.portrait-card-body,
.card-info-modern {
    background: transparent !important;
}

.portrait-member-name,
.member-name {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.portrait-member-meta,
.member-meta {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

.portrait-member-meta i,
.member-meta i {
    color: #fbbf24 !important;
}

.portrait-occupation-tag {
    background: rgba(251, 191, 36, 0.2) !important;
    color: #fef08a !important;
    border: 1px solid rgba(251, 191, 36, 0.4) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Quick Search labels readable on dark glass */
.glass-form-wrapper .form-group label {
    color: #ffffff !important;
}
.glass-form-wrapper .form-tab {
    color: rgba(255, 255, 255, 0.85) !important;
}
.glass-form-wrapper .form-tab.active {
    color: #fef08a !important;
}
.glass-form-wrapper .form-tab.active::after {
    background: #fef08a !important;
}
.glass-form-wrapper .form-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.25) !important;
}

body {
    background-color: var(--vn-ivory);
}

/* Light Section Theme overrides for Glass cards - Translucent Frosted Glass Style */
.light-section-theme .info-card,
.light-section-theme .glass-card {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(0,0,0,0.04) !important;
    border-radius: 20px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.light-section-theme .info-card:hover,
.light-section-theme .glass-card:hover {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: var(--vn-gold, #d4af37) !important;
    box-shadow: 0 18px 40px rgba(212, 175, 55, 0.18), 0 6px 16px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-4px) !important;
}

.light-section-theme .seo-column-card,
.light-section-theme .filter-section,
.light-section-theme .profile-card-premium,
.light-section-theme .sidebar-widget-premium {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.light-section-theme .similar-profile-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
}

.light-section-theme .seo-col-title {
    color: #0f172a !important;
}