/**
 * Bharatank - Public Light Theme
 * Modern, clean, Google-inspired design for public-facing pages
 */

/* Light Theme Variables - Override dark theme for public pages */
body.public-page {
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f1f3f4;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-hover: rgba(66, 133, 244, 0.04);

    /* Accent Colors - Google-inspired */
    --accent-primary: #1a73e8;
    --accent-hover: #1557b0;
    --accent-secondary: #34a853;
    --accent-danger: #ea4335;
    --accent-warning: #fbbc04;
    --accent-purple: #a142f4;
    --accent-info: #4285f4;

    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, #1a73e8, #1557b0);
    --gradient-secondary: linear-gradient(135deg, #34a853, #1e8e3e);
    --gradient-danger: linear-gradient(135deg, #ea4335, #c5221f);
    --gradient-purple: linear-gradient(135deg, #a142f4, #8430ce);
    --gradient-card: linear-gradient(145deg, #ffffff, #f8f9fa);
    --gradient-dark: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);

    /* Text Colors */
    --text-primary: #202124;
    --text-secondary: #5f6368;
    --text-muted: #80868b;
    --text-inverse: #ffffff;

    /* Border Colors */
    --border-color: #dadce0;
    --border-hover: #bdc1c6;
    --border-focus: rgba(26, 115, 232, 0.5);

    /* Shadows - Softer for light theme */
    --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.1);
    --shadow-md: 0 1px 3px rgba(60, 64, 67, 0.15), 0 4px 8px rgba(60, 64, 67, 0.1);
    --shadow-lg: 0 1px 3px rgba(60, 64, 67, 0.15), 0 8px 16px rgba(60, 64, 67, 0.15);
    --shadow-xl: 0 2px 6px rgba(60, 64, 67, 0.15), 0 16px 32px rgba(60, 64, 67, 0.2);
    --shadow-glow: 0 0 0 3px rgba(26, 115, 232, 0.15);
    --shadow-glow-hover: 0 0 0 4px rgba(26, 115, 232, 0.2);
}

/* Light scrollbar for public pages */
body.public-page::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.public-page::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

body.public-page::-webkit-scrollbar-thumb {
    background: #bdc1c6;
    border-radius: var(--radius-full);
}

body.public-page::-webkit-scrollbar-thumb:hover {
    background: #9aa0a6;
}

/* Selection for light theme */
body.public-page ::selection {
    background: rgba(26, 115, 232, 0.2);
    color: var(--text-primary);
}

/* Public Header Light Theme */
body.public-page .public-header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

body.public-page .header-logo-text {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Navigation Pills Light */
body.public-page .nav-pill {
    color: var(--text-secondary);
}

body.public-page .nav-pill:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

body.public-page .nav-pill.active {
    color: var(--accent-primary);
}

/* Hero Section Light */
body.public-page .hero {
    background: var(--gradient-dark);
}

body.public-page .hero::before {
    background: radial-gradient(circle, rgba(26, 115, 232, 0.05) 0%, transparent 70%);
}

body.public-page .hero-title {
    color: var(--text-primary);
}

body.public-page .hero-subtitle {
    color: var(--text-secondary);
}

/* Search Box Light - Google Style with Smooth Animation */
body.public-page .search-box {
    position: relative;
    z-index: 100;
    margin-bottom: var(--spacing-xl);
}

body.public-page .search-box input {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    box-shadow: var(--shadow-sm);
    padding-left: 48px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.public-page .search-box input:hover {
    box-shadow: var(--shadow-md);
}

body.public-page .search-box input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 1px 6px rgba(26, 115, 232, 0.3);
    outline: none;
    padding-left: 20px;
}

body.public-page .search-box input::placeholder {
    color: var(--text-muted);
    transition: opacity 0.2s ease;
}

body.public-page .search-box input:focus::placeholder {
    opacity: 0.5;
}

body.public-page .search-box .search-icon {
    color: var(--text-muted);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}

/* Icon slides and fades when input is focused */
body.public-page .search-box input:focus~.search-icon,
body.public-page .search-box:focus-within .search-icon {
    opacity: 0;
    transform: translateY(-50%) translateX(-20px);
    pointer-events: none;
}

/* Search Dropdown Light Theme Colors - Positioning handled in style.css */
body.public-page .search-dropdown {
    background: #ffffff;
    border-color: #e0e0e0;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.12);
}

body.public-page .search-item {
    border-bottom: 1px solid var(--border-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: var(--spacing-md);
    gap: var(--spacing-md);
}

body.public-page .search-item:last-child {
    border-bottom: none;
}

body.public-page .search-item:hover {
    background: var(--bg-hover);
}

body.public-page .search-item-info h4 {
    color: var(--text-primary);
    margin: 0 0 2px 0;
    font-size: var(--font-size-base);
}

body.public-page .search-item-info span {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

/* Trust Badges - ensure they stay below dropdown */
body.public-page .trust-badges {
    position: relative;
    z-index: 1;
}

/* Trust Badges Light */
body.public-page .trust-badge-number {
    color: var(--accent-primary);
}

body.public-page .trust-badge-label {
    color: var(--text-muted);
}

/* Section Styles Light */
body.public-page .section-title {
    color: var(--text-primary);
}

/* Cards Light Theme */
body.public-page .card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

body.public-page .card:hover {
    box-shadow: var(--shadow-md);
}

body.public-page .card-header {
    border-bottom: 1px solid var(--border-color);
}

body.public-page .card-footer {
    border-top: 1px solid var(--border-color);
    background: var(--bg-secondary);
}

/* Feature Cards */
body.public-page .feature-card .feature-icon {
    background: var(--bg-secondary);
    color: var(--accent-primary);
}

body.public-page .feature-card h3 {
    color: var(--text-primary);
}

/* Institution Cards */
body.public-page .institution-card h4 {
    color: var(--text-primary);
}

body.public-page .institution-location {
    color: var(--text-muted);
}

/* CTA Card */
body.public-page .cta-card {
    background: var(--bg-secondary);
    border: none;
}

body.public-page .cta-card h2 {
    color: var(--text-primary);
}

/* Buttons Light Theme */
body.public-page .btn-primary {
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    box-shadow: var(--shadow-sm);
}

body.public-page .btn-primary:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

body.public-page .btn-secondary {
    background: var(--bg-secondary);
    color: var(--accent-primary);
    border: 1px solid var(--border-color);
}

body.public-page .btn-secondary:hover {
    background: var(--bg-tertiary);
}

body.public-page .btn-ghost {
    color: var(--text-secondary);
}

body.public-page .btn-ghost:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* Alerts Light */
body.public-page .alert {
    border: 1px solid var(--border-color);
}

body.public-page .alert-success {
    background: #e6f4ea;
    border-color: #34a853;
    color: #1e8e3e;
}

body.public-page .alert-danger {
    background: #fce8e6;
    border-color: #ea4335;
    color: #c5221f;
}

body.public-page .alert-warning {
    background: #fef7e0;
    border-color: #fbbc04;
    color: #ea8600;
}

body.public-page .alert-info {
    background: #e8f0fe;
    border-color: #4285f4;
    color: #1967d2;
}

/* Forms Light Theme */
body.public-page .form-control {
    background: var(--bg-input);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

body.public-page .form-control:focus {
    border-color: var(--accent-primary);
    box-shadow: var(--shadow-glow);
}

body.public-page .form-label {
    color: var(--text-primary);
}

/* Tables Light */
body.public-page .table {
    background: var(--bg-card);
}

body.public-page .table th {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-bottom: 2px solid var(--border-color);
}

body.public-page .table td {
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
}

body.public-page .table tbody tr:hover {
    background: var(--bg-hover);
}

/* Badges Light */
body.public-page .badge-success {
    background: #e6f4ea;
    color: #1e8e3e;
}

body.public-page .badge-danger {
    background: #fce8e6;
    color: #c5221f;
}

/* Footer Light Theme */
body.public-page .footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
}

body.public-page .footer-title {
    color: var(--text-primary);
}

body.public-page .footer-links a {
    color: var(--text-secondary);
}

body.public-page .footer-links a:hover {
    color: var(--accent-primary);
}

body.public-page .footer-bottom {
    border-top: 1px solid var(--border-color);
    color: var(--text-muted);
}

/* Mobile Menu Light */
body.public-page .mobile-overlay {
    background: rgba(0, 0, 0, 0.3);
}

body.public-page .mobile-menu {
    background: var(--bg-card);
}

body.public-page .mobile-menu-header {
    border-bottom: 1px solid var(--border-color);
}

body.public-page .mobile-menu-link {
    color: var(--text-secondary);
}

body.public-page .mobile-menu-link:hover,
body.public-page .mobile-menu-link.active {
    color: var(--accent-primary);
    background: var(--bg-hover);
}

body.public-page .mobile-menu-divider {
    background: var(--border-color);
}

/* Avatar Light */
body.public-page .avatar {
    background: var(--bg-secondary);
    border: 2px solid var(--border-color);
}