/* ============================================
   Expose in India - Hindi Language Support Styles
   ============================================ */

/* Hindi Font Family Override */
html[lang="hi"] body,
body.hindi {
    font-family: 'Noto Sans Devanagari', 'Source Sans 3', sans-serif;
}

/* Hindi Typography Adjustments */
html[lang="hi"] h1,
html[lang="hi"] h2,
html[lang="hi"] h3,
html[lang="hi"] h4,
html[lang="hi"] h5,
html[lang="hi"] h6 {
    font-family: 'Noto Sans Devanagari', 'Space Grotesk', sans-serif;
    letter-spacing: 0;
}

html[lang="hi"] .hero-title {
    line-height: 1.4;
}

html[lang="hi"] .title-line {
    line-height: 1.4;
}

/* Adjust line height for Devanagari script */
html[lang="hi"] p,
html[lang="hi"] li,
html[lang="hi"] span {
    line-height: 1.8;
}

html[lang="hi"] .hero-subtitle {
    line-height: 2;
}

html[lang="hi"] .paper-content p {
    line-height: 2.1;
}

/* Badge and label adjustments */
html[lang="hi"] .hero-badge,
html[lang="hi"] .countdown-phase,
html[lang="hi"] .countdown-status,
html[lang="hi"] .section-number {
    letter-spacing: 0.05em;
}

/* Card content */
html[lang="hi"] .card-description {
    line-height: 1.9;
}

/* Stakeholder items */
html[lang="hi"] .stakeholder-item span:last-child {
    font-size: 0.95rem;
}

/* Navigation adjustments */
html[lang="hi"] .nav-link {
    font-size: 0.9rem;
}

html[lang="hi"] .logo-tagline {
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

/* Footer */
html[lang="hi"] .footer-brand p {
    line-height: 1.8;
}

html[lang="hi"] .footer-legal {
    line-height: 1.9;
}

/* Message principles list */
html[lang="hi"] .message-principles li {
    line-height: 2;
}

/* Button and status labels */
html[lang="hi"] .card-status {
    font-size: 0.6rem;
}

html[lang="hi"] .phase-badge {
    font-size: 0.65rem;
}

/* Progress label */
html[lang="hi"] .progress-label {
    font-size: 0.65rem;
}

/* Countdown units */
html[lang="hi"] .countdown-unit {
    font-size: 0.7rem;
}

/* Mobile adjustments for Hindi */
@media (max-width: 768px) {
    html[lang="hi"] .hero-title {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
    }
    
    html[lang="hi"] .hero-subtitle {
        font-size: 1rem;
    }
    
    html[lang="hi"] .stakeholder-item span:last-child {
        font-size: 0.85rem;
    }
}

/* RTL Support (for future) */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] .stakeholder-item {
    border-left: none;
    border-right: 2px solid var(--color-border-subtle);
}

html[dir="rtl"] .stakeholder-item:hover {
    border-left-color: transparent;
    border-right-color: var(--color-accent-amber);
}

html[dir="rtl"] .message-paper::before {
    background: linear-gradient(270deg, 
        var(--color-accent-amber) 0%, 
        var(--color-accent-red) 100%);
}

html[dir="rtl"] .highlight-text {
    border-left: none;
    border-right: 3px solid var(--color-accent-amber);
}

html[dir="rtl"] .message-principles li::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .message-principles li {
    padding-left: 0;
    padding-right: var(--space-lg);
}

html[dir="rtl"] .timeline-content li::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .timeline-content li {
    padding-left: 0;
    padding-right: var(--space-lg);
}