/* Apply base font to the body */
body { 
    font-family: 'Inter', sans-serif; 
}

/* Apply Bengali font to elements when language is set to 'bn' */
body[lang="bn"] { 
    font-family: 'Noto Sans Bengali', sans-serif; 
}

/* Custom Scrollbar Styles */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track { 
    background: #EDF6F9; 
}
::-webkit-scrollbar-thumb { 
    background: #006D77; 
    border-radius: 10px; 
}

/* Page Visibility Control */
.page { 
    display: none; 
}
.page.active { 
    display: block; 
}

/* Fade In/Out Animations for Modals and Toasts */
.fade-in { 
    animation: fadeIn 0.3s ease-out forwards; 
}
.fade-out { 
    animation: fadeOut 0.3s ease-in forwards; 
}

@keyframes fadeIn { 
    from { 
        opacity: 0; 
        transform: scale(0.95) translateY(-10px); 
    } 
    to { 
        opacity: 1; 
        transform: scale(1) translateY(0); 
    } 
}

@keyframes fadeOut { 
    from { 
        opacity: 1; 
        transform: scale(1) translateY(0); 
    } 
    to { 
        opacity: 0; 
        transform: scale(0.95) translateY(-10px); 
    } 
}

/* Toast Notification Positioning */
#toast { 
    position: fixed; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%); 
    z-index: 100; 
    display: none; 
}

/* Specific layout for the AI Chat page to fill the viewport */
#ai-chat.page.active { 
    display: flex; 
    flex-direction: column; 
    height: calc(100vh - 8rem); /* Adjust based on nav/footer height */
}

/* Mobile menu background color */
#mobile-menu { 
    background-color: #023047; 
}