/* Premium Light Theme overrides for Kalagnanam Web App */

body.light-theme {
    background: #f5f5f7;
    color: #1d1d1f;
}

body.light-theme .cosmic-bg {
    background: radial-gradient(circle at 50% 50%, #eff1f7, #dce2f0) !important;
}

body.light-theme .cosmic-bg::before,
body.light-theme .cosmic-bg::after {
    display: none !important;
}

/* Navbars & Headers */
body.light-theme .nav-post,
body.light-theme .header-nav {
    background: rgba(245, 245, 247, 0.9) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .back-btn,
body.light-theme .page-title,
body.light-theme .logo,
body.light-theme .nav-post .page-title,
body.light-theme .nav-post .back-btn {
    color: #1d1d1f !important;
}

/* Dropdowns */
body.light-theme .dropdown-trigger {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1d1d1f !important;
}

body.light-theme .dropdown-trigger:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .dropdown-list {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .dropdown-item {
    color: #1d1d1f !important;
}

body.light-theme .dropdown-item:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* Cards & Content Tiles */
body.light-theme .glass-card,
body.light-theme .tile,
body.light-theme .saint-card,
body.light-theme .content-card,
body.light-theme .info-block {
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04) !important;
    color: #1d1d1f !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

body.light-theme .content-title,
body.light-theme .content-desc,
body.light-theme .photo-label {
    color: #1d1d1f !important;
}

body.light-theme .photo-label {
    background: linear-gradient(transparent, rgba(255,255,255,0.95)) !important;
    color: #1d1d1f !important;
}

/* Typography & Descriptions */
body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme h6,
body.light-theme .header h1,
body.light-theme .header,
body.light-theme .logo,
body.light-theme .page-title,
body.light-theme .content-title,
body.light-theme .lang-bar {
    color: #1d1d1f !important;
}

body.light-theme p,
body.light-theme .bilingual-col p,
body.light-theme .tile p,
body.light-theme .tab-content p,
body.light-theme .content-card p,
body.light-theme .saint-info p,
body.light-theme .author-info p,
body.light-theme .bio-text,
body.light-theme .tab-content div {
    color: #333336 !important;
}

body.light-theme strong,
body.light-theme .contact-chip strong,
body.light-theme .bilingual-col strong {
    color: #000000 !important;
}

body.light-theme .lang-label {
    color: rgba(0, 0, 0, 0.5) !important;
}

body.light-theme .divider,
body.light-theme hr {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* Hero Section */
body.light-theme .hero-image-wrap,
body.light-theme .hero-title-section {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
}

body.light-theme .hero-title-section h1 {
    color: #1d1d1f !important;
}

body.light-theme .hero-title-section p,
body.light-theme .hero-title-section .subtitle {
    color: #444446 !important;
}

/* Language circles on post details page */
body.light-theme .lang-circle {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1d1d1f !important;
}

body.light-theme .lang-circle:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .lang-circle.active {
    background: #6c5ce7 !important;
    color: #ffffff !important;
    border-color: #6c5ce7 !important;
}

/* Vertical buttons & continue reading tile */
body.light-theme .vertical-btn,
body.light-theme .continue-tile {
    background: rgba(255, 255, 255, 0.75) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    color: #1d1d1f !important;
    backdrop-filter: blur(10px) !important;
}

body.light-theme .vertical-btn:hover,
body.light-theme .continue-tile:hover {
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .vertical-btn .btn-text h3 {
    color: #1d1d1f !important;
}

body.light-theme .vertical-btn .btn-text p {
    color: #444446 !important;
}

/* Contact chips */
body.light-theme .contact-chip {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    color: #333333 !important;
}

/* Rounded Back Button in Light Theme */
body.light-theme .back-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #1d1d1f !important;
}
body.light-theme .back-btn:hover {
    background: rgba(0, 0, 0, 0.08) !important;
}

/* Keep homepage saint card text white */
body.light-theme .card h3,
body.light-theme .card p {
    color: #ffffff !important;
}

/* Style subpage banner headers */
body.light-theme section.header {
    background: #eff1f7 !important;
}
