/* ===================================
   ASSAMESE/BENGALI FONT STYLING
   Shared CSS for proper Assamese text rendering
   Include this file in all pages that support bilingual content

   This file prevents faux bold on Assamese text while keeping
   English text with its original styling
=================================== */

/*
   Only applies to elements with Assamese content:
   - Elements with data-translate attribute (translated by language-manager.js)
   - Specific IDs that contain translated content
   - Elements with .quote-text class
*/
html[lang="as"] [data-translate],
html[lang="as"] #hero-title,
html[lang="as"] #hero-subtitle,
/* Profile Card Labels (The Mother / Sri Aurobindo) */
html[lang="as"] #alt-mother,
html[lang="as"] #alt-aurobindo,
html[lang="as"] #quote-text,
html[lang="as"] #quote-author,
html[lang="as"] #calendar-title,
html[lang="as"] #daily-offerings-title,
html[lang="as"] #programs-offerings-title,
html[lang="as"] #wtw-title,
html[lang="as"] #site-title,
html[lang="as"] #site-title .main-title,
html[lang="as"] #site-title .main-subtitle,
/* Mobile Header Title */
html[lang="as"] #mobile-site-title,
html[lang="as"] #mobile-site-title .main-title,
html[lang="as"] #mobile-site-title .main-subtitle,
html[lang="as"] .header-title-main,
html[lang="as"] .header-title-sub,
html[lang="as"] .quote-text,
html[lang="as"] .translated-content,
/* Today's Program & Upcoming Offerings Section */
html[lang="as"] #programs-section-title,
html[lang="as"] #todays-program-title,
html[lang="as"] #darshan-days-title,
html[lang="as"] #upcoming-programs-title,
html[lang="as"] .programs-offerings-title,
html[lang="as"] .programs-offerings-section .card-title,
/* Daily Offerings Section */
html[lang="as"] #daily-offerings-main-title,
html[lang="as"] #daily-offerings-subtitle,
html[lang="as"] #mobile-daily-offerings-title,
html[lang="as"] #mobile-daily-offerings-subtitle,
/* Archive Link inside Daily Offerings subtitle */
html[lang="as"] .archive-link,
html[lang="as"] #daily-offerings-subtitle a,
html[lang="as"] #mobile-daily-offerings-subtitle a,
/* Daily Offerings Archive Page */
html[lang="as"] #archive-title,
html[lang="as"] #archive-subtitle,
html[lang="as"] #archive-back-btn,
html[lang="as"] #archive-view-categories,
html[lang="as"] #archive-view-days,
html[lang="as"] #archive-filter-category,
html[lang="as"] #archive-filter-date,
html[lang="as"] #archive-cat-all,
html[lang="as"] #archive-cat-mother-en,
html[lang="as"] #archive-cat-mother-as,
html[lang="as"] #archive-cat-sri-en,
html[lang="as"] #archive-cat-sri-as,
html[lang="as"] #archive-cat-savitri,
html[lang="as"] #archive-cat-prayers,
html[lang="as"] #archive-date-all,
html[lang="as"] #archive-date-month,
html[lang="as"] #archive-date-3months,
html[lang="as"] #archive-date-year,
html[lang="as"] #archive-showing,
html[lang="as"] #archive-results,
html[lang="as"] #archive-select-category,
html[lang="as"] .category-card-title,
html[lang="as"] .category-card-count,
html[lang="as"] .daily-offerings-title,
html[lang="as"] .daily-offerings-subtitle,
html[lang="as"] #cat-savitri,
html[lang="as"] #cat-prayers,
html[lang="as"] #cat-mother-en,
html[lang="as"] #cat-sriaurobindo-en,
html[lang="as"] #cat-mother-as,
html[lang="as"] #cat-sriaurobindo-as,
html[lang="as"] #mobile-cat-savitri,
html[lang="as"] #mobile-cat-savitri-subtext,
html[lang="as"] #mobile-cat-prayers,
html[lang="as"] #mobile-cat-prayers-subtext,
html[lang="as"] #mobile-cat-mother-en,
html[lang="as"] #mobile-cat-mother-en-subtext,
html[lang="as"] #mobile-cat-sriaurobindo-en,
html[lang="as"] #mobile-cat-sriaurobindo-en-subtext,
html[lang="as"] #mobile-cat-mother-as,
html[lang="as"] #mobile-cat-mother-as-subtext,
html[lang="as"] #mobile-cat-sriaurobindo-as,
html[lang="as"] #mobile-cat-sriaurobindo-as-subtext,
html[lang="as"] .category-label,
html[lang="as"] .daily-offerings-section .offering-card h3,
html[lang="as"] .daily-offerings-section .offering-card p,
html[lang="as"] .offering-date,
/* Mobile Daily Offerings - Date Display (e.g., "আজি: জানুৱাৰী ৩, ২০২৬") */
html[lang="as"] .mobile-offering-date,
/* Archive Offering Cards & Modal - Category badges in Assamese mode */
html[lang="as"] .card-category,
html[lang="as"] .modal-category,
/* Activities Image Modal - Activity Name Overlay */
html[lang="as"] #modalHeader,
html[lang="as"] #modalSubheader,
html[lang="as"] #imageInfoOverlay h3,
html[lang="as"] #imageInfoOverlay p,
/* Gallery Image Modal - Title and Details */
html[lang="as"] #imageTitle,
html[lang="as"] #imageDetails,
/* About Page - Modal Title */
html[lang="as"] #modalTitle,
/* The Way Within - Q&A Modal */
html[lang="as"] .qa-modal-title,
html[lang="as"] .qa-modal-subtitle,
html[lang="as"] .qa-modal-category,
html[lang="as"] #modalCategory,
html[lang="as"] #modalSubtitle,
/* The Way Within - Resource Text Modal */
html[lang="as"] .resource-text-modal-title,
html[lang="as"] #resourceTextModalTitle,
/* Resources Page - Book/Online Modals */
/* Note: Darshan modal title/message excluded — content is always English from Firestore */
html[lang="as"] .book-modal-title,
html[lang="as"] #bookModalTitle,
html[lang="as"] .online-modal-title,
html[lang="as"] #onlineModalTitle,
html[lang="as"] .online-modal-category,
html[lang="as"] #onlineModalCategory,
/* Online Modal - Description label and Visit Site button */
html[lang="as"] .online-modal-description-label,
html[lang="as"] #onlineModalDescLabel,
html[lang="as"] .online-modal-visit-site-btn,
html[lang="as"] #onlineModalUrlLabel,
html[lang="as"] .online-modal-description,
html[lang="as"] #onlineModalDescription,
/* Daily Offerings Archive - Modal Elements */
html[lang="as"] .modal-date,
/* Daily Offerings Content - Mobile Assamese Dropdowns ONLY */
html[lang="as"] #mobile-dropdown-words-of-mother-as .mobile-offering-content,
html[lang="as"] #mobile-dropdown-sri-aurobindo-as .mobile-offering-content,
/* Daily Offerings Content - Desktop Assamese Category (when .assamese-content class is added by JS) */
html[lang="as"] .offering-content.assamese-content .offering-text,
html[lang="as"] .offering-content.assamese-content .offering-main-title,
html[lang="as"] .offering-content.assamese-content .offering-subtitle,
html[lang="as"] .offering-content.assamese-content .offering-title-subtext,
html[lang="as"] .offering-content.assamese-content .offering-header,
html[lang="as"] .offering-content.assamese-content .offering-text-content,
/* About Page Section */
html[lang="as"] #about-title,
html[lang="as"] #about-title-mobile,
html[lang="as"] #about-para1,
html[lang="as"] #about-para2,
html[lang="as"] #about-para1-mobile,
html[lang="as"] #about-para2-mobile,
html[lang="as"] #about-card-title,
html[lang="as"] #about-card-subtitle,
html[lang="as"] #about-card-title-mobile,
html[lang="as"] #about-card-subtitle-mobile,
/* Ideal Centre Section */
html[lang="as"] #ideal-centre-title,
html[lang="as"] #ideal-centre-quote,
html[lang="as"] #ideal-centre-quote-author,
html[lang="as"] #ideal-centre-para1,
html[lang="as"] #ideal-centre-para2,
html[lang="as"] #ideal-centre-para3,
html[lang="as"] #ideal-centre-para4,
html[lang="as"] #ideal-centre-para5,
html[lang="as"] #ideal-centre-para6,
html[lang="as"] #ideal-centre-para7,
html[lang="as"] #ideal-centre-para8,
html[lang="as"] #ideal-centre-para9,
html[lang="as"] #ideal-centre-para10,
html[lang="as"] #ideal-centre-para11,
html[lang="as"] #ideal-centre-para12,
html[lang="as"] #ideal-centre-para13,
html[lang="as"] #ideal-centre-quote1,
html[lang="as"] #ideal-centre-quote2,
html[lang="as"] #ideal-centre-goal-title,
html[lang="as"] #ideal-centre-goal-text,
html[lang="as"] #ideal-centre-core-title,
html[lang="as"] #ideal-centre-core-text,
html[lang="as"] #ideal-centre-conclusion,
html[lang="as"] #ideal-centre-toggle-btn,
html[lang="as"] #ideal-centre-author,
html[lang="as"] #ideal-centre-source-label,
html[lang="as"] #ideal-centre-source-text,
/* Mantras Section */
html[lang="as"] #mantra-first-title,
html[lang="as"] #mantra-first-text,
html[lang="as"] #mantra-second-title,
html[lang="as"] #mantra-second-text,
html[lang="as"] #mantra-third-title,
html[lang="as"] #mantra-third-text,
html[lang="as"] #mantra-final-title,
html[lang="as"] #mantra-final-text,
/* History Overview Section */
html[lang="as"] #history-overview-title,
html[lang="as"] #history-overview-subtitle,
html[lang="as"] #step1-title,
html[lang="as"] #step2-title,
html[lang="as"] #step3-title,
html[lang="as"] #step4-title,
html[lang="as"] #step5-title,
html[lang="as"] #step6-title,
html[lang="as"] #journey-btn,
html[lang="as"] #journey-reading-time,
html[lang="as"] .step-title,
/* Discover Bhavan Section */
html[lang="as"] #discover-title,
html[lang="as"] #discover-subtitle,
html[lang="as"] .roadmap-title,
html[lang="as"] #floor-ground,
html[lang="as"] #floor-first,
html[lang="as"] #floor-second,
html[lang="as"] #floor-third,
html[lang="as"] #floor-fourth,
html[lang="as"] #card-ground-1,
html[lang="as"] #card-ground-2,
html[lang="as"] #card-ground-3,
html[lang="as"] #card-ground-4,
html[lang="as"] #card-ground-5,
html[lang="as"] #card-first-1,
html[lang="as"] #card-first-2,
html[lang="as"] #card-first-3,
html[lang="as"] #card-second-1,
html[lang="as"] #card-second-2,
html[lang="as"] #card-second-3,
html[lang="as"] #card-second-4,
html[lang="as"] #card-third-1,
html[lang="as"] #card-third-2,
html[lang="as"] #card-third-3,
html[lang="as"] #card-terrace-1,
html[lang="as"] #card-terrace-2,
/* Branches & Centres Section */
html[lang="as"] #branches-title,
html[lang="as"] #branches-map-desc,
html[lang="as"] #branches-legend-head,
html[lang="as"] #branches-legend-branches,
html[lang="as"] #branches-legend-centres,
html[lang="as"] #branches-legend-relics,
html[lang="as"] #branches-legend-study,
html[lang="as"] #branches-connect-title,
html[lang="as"] #branches-connect-desc,
/* SAS Network Section */
html[lang="as"] #sas-network-title,
html[lang="as"] #sas-network-subtitle,
html[lang="as"] #sas-filter-all,
html[lang="as"] #sas-filter-assam,
html[lang="as"] #sas-filter-tripura,
html[lang="as"] #sas-filter-branches,
html[lang="as"] #sas-filter-relics,
html[lang="as"] #showMoreText,
html[lang="as"] .filter-btn,
/* ================================================
   INDEX.HTML - Additional Sections
   ================================================ */
/* Today's Program Card Elements */
html[lang="as"] #todaysProgramDate,
html[lang="as"] #viewNextDaysText,
html[lang="as"] #darshan-know-more,
html[lang="as"] #view-all-programs,
html[lang="as"] .programs-offerings-section .card-date,
html[lang="as"] .programs-offerings-section .card-list,
html[lang="as"] .view-more-link,
/* Darshan Days and Significant Occasions Section */
html[lang="as"] #darshan-preview-title,
html[lang="as"] #darshan-preview-subtitle,
html[lang="as"] #darshan-title,
html[lang="as"] #darshan-title-1,
html[lang="as"] #darshan-intro-p1,
html[lang="as"] #darshan-intro-p2,
html[lang="as"] #darshan-intro-p3,
html[lang="as"] #darshan-intro-p4,
html[lang="as"] #darshan-intro-p5,
html[lang="as"] #darshan-intro-p6,
html[lang="as"] #darshan-intro-p7,
html[lang="as"] #darshan-intro-li1,
html[lang="as"] #darshan-intro-li2,
html[lang="as"] #darshan-intro-li3,
html[lang="as"] #darshan-intro-li4,
html[lang="as"] #expand-btn-text,
html[lang="as"] #floating-collapse-text,
html[lang="as"] .preview-title,
html[lang="as"] .preview-subtitle,
html[lang="as"] .intro-text,
/* Darshan Timeline Events */
html[lang="as"] #darshan-aug15-date,
html[lang="as"] #darshan-aug15-title,
html[lang="as"] #darshan-aug15-subtitle,
html[lang="as"] #darshan-aug15-desc,
html[lang="as"] #darshan-feb21-date,
html[lang="as"] #darshan-feb21-title,
html[lang="as"] #darshan-feb21-subtitle,
html[lang="as"] #darshan-feb21-desc,
html[lang="as"] #darshan-apr04-date,
html[lang="as"] #darshan-apr04-title,
html[lang="as"] #darshan-apr04-subtitle,
html[lang="as"] #darshan-apr04-desc,
html[lang="as"] #darshan-mar29-date,
html[lang="as"] #darshan-mar29-title,
html[lang="as"] #darshan-mar29-subtitle,
html[lang="as"] #darshan-mar29-desc,
html[lang="as"] #darshan-apr24-date,
html[lang="as"] #darshan-apr24-title,
html[lang="as"] #darshan-apr24-subtitle,
html[lang="as"] #darshan-apr24-desc,
html[lang="as"] #darshan-nov24-date,
html[lang="as"] #darshan-nov24-title,
html[lang="as"] #darshan-nov24-subtitle,
html[lang="as"] #darshan-nov24-desc,
html[lang="as"] #darshan-nov26-date,
html[lang="as"] #darshan-nov26-title,
html[lang="as"] #darshan-nov26-subtitle,
html[lang="as"] #darshan-nov26-desc,
html[lang="as"] #darshan-dec05-date,
html[lang="as"] #darshan-dec05-title,
html[lang="as"] #darshan-dec05-subtitle,
html[lang="as"] #darshan-dec05-desc,
html[lang="as"] #darshan-dec09-date,
html[lang="as"] #darshan-dec09-title,
html[lang="as"] #darshan-dec09-subtitle,
html[lang="as"] #darshan-dec09-desc,
html[lang="as"] #darshan-feb29-date,
html[lang="as"] #darshan-feb29-title,
html[lang="as"] #darshan-feb29-subtitle,
html[lang="as"] #darshan-feb29-desc,
html[lang="as"] #darshan-nov17-date,
html[lang="as"] #darshan-nov17-title,
html[lang="as"] #darshan-nov17-subtitle,
html[lang="as"] #darshan-nov17-desc,
html[lang="as"] #darshan-nov20-date,
html[lang="as"] #darshan-nov20-title,
html[lang="as"] #darshan-nov20-subtitle,
html[lang="as"] #darshan-nov20-desc,
html[lang="as"] .event-date,
html[lang="as"] .event-title,
html[lang="as"] .event-subtitle,
html[lang="as"] .event-description,
/* Calendar Section */
html[lang="as"] #calendar-subtitle,
html[lang="as"] #calendar-quote,
html[lang="as"] #calendar-instructions,
html[lang="as"] #today-btn-text,
html[lang="as"] #calendar-day-label,
html[lang="as"] #calendar-of-label,
html[lang="as"] #calendar-today-indicator,
/* Calendar Slider - Dynamic Date Labels */
html[lang="as"] .daily-image-date,
html[lang="as"] #fullscreenInfo,
html[lang="as"] #currentDayIndicator,
/* The Way Within Section */
html[lang="as"] #wtw-subtitle,
html[lang="as"] #wtw-description,
html[lang="as"] #wtw-description2,
html[lang="as"] #wtw-description3,
html[lang="as"] #wtw-button-text,
/* Info Section */
html[lang="as"] #info1-title,
html[lang="as"] #info1-text,
html[lang="as"] #info2-title,
html[lang="as"] #info2-text,
html[lang="as"] #info3-title,
html[lang="as"] #info3-text,
/* Sunrise Section */
html[lang="as"] #sunrise-quote,
html[lang="as"] #sunrise-author,
/* Hero Section */
html[lang="as"] #hero-text,
/* ================================================
   ACTIVITIES.HTML - Page Elements
   ================================================ */
/* Section Titles */
html[lang="as"] #activities-page-title,
html[lang="as"] #programs-title,
/* Activity Cards - Static Content (disabled section) */
html[lang="as"] #ashram-darshan-title,
html[lang="as"] #ashram-darshan-desc,
html[lang="as"] #ashram-darshan-header,
html[lang="as"] #ashram-darshan-subheader,
html[lang="as"] #ashram-darshan-description,
html[lang="as"] #local-darshan-title,
html[lang="as"] #local-darshan-desc,
html[lang="as"] #local-darshan-header,
html[lang="as"] #local-darshan-subheader,
html[lang="as"] #local-darshan-description,
/* Activity Card Classes (for dynamically loaded content) */
html[lang="as"] .activity-card h3,
html[lang="as"] .activity-card p,
html[lang="as"] .activity-header h3,
html[lang="as"] .activity-subheader,
html[lang="as"] .activity-description,
html[lang="as"] .activity-description p,
/* Activity Meta - Schedule and Location info */
html[lang="as"] .activity-meta,
html[lang="as"] .activity-meta div,
html[lang="as"] .activity-meta strong,
html[lang="as"] .activity-details .activity-meta,
/* Activity Buttons - Assamese text on buttons */
html[lang="as"] .activity-details a span,
html[lang="as"] .dropdown-content a span,
/* Darshan Day Cards */
html[lang="as"] .darshan-day-card h3,
html[lang="as"] .darshan-day-card p,
html[lang="as"] .darshan-day-card .date-badge,
html[lang="as"] .darshan-day-card .countdown,
html[lang="as"] .darshan-day-card .tag,
/* Darshan Schedule Dropdown */
html[lang="as"] .schedule-toggle-btn,
html[lang="as"] .schedule-toggle-btn span,
html[lang="as"] .schedule-expanded-dropdown,
html[lang="as"] .schedule-sessions,
html[lang="as"] .schedule-session,
html[lang="as"] .session-header,
html[lang="as"] .session-slots,
html[lang="as"] .schedule-slot,
html[lang="as"] .slot-time,
html[lang="as"] .slot-details,
html[lang="as"] .slot-activity,
html[lang="as"] .slot-description,
html[lang="as"] .slot-venue,
/* Program Cards */
html[lang="as"] .program-card h3,
html[lang="as"] .program-card p,
html[lang="as"] .program-card .date-badge,
html[lang="as"] .program-card .time-badge,
html[lang="as"] .program-card .location-badge,
html[lang="as"] .program-card .tag,
/* Empty State */
html[lang="as"] .empty-state,
html[lang="as"] .empty-state h3,
html[lang="as"] .empty-state p,
/* Next Days Dropdown Cards (index.html - View Next Days section) */
html[lang="as"] .next-day-card,
html[lang="as"] .next-day-header,
html[lang="as"] .next-day-relative,
html[lang="as"] .next-day-full-date,
html[lang="as"] .next-day-activities,
html[lang="as"] .activity-item,
html[lang="as"] .activity-name,
/* ================================================
   CONTACT.HTML - Page Elements
   ================================================ */
html[lang="as"] #contact-title,
html[lang="as"] #message-title,
html[lang="as"] #message-desc,
html[lang="as"] #form-header,
html[lang="as"] #form-subheader,
/* Form Labels */
html[lang="as"] #label-name,
html[lang="as"] #label-email,
html[lang="as"] #label-phone,
html[lang="as"] #label-optional,
html[lang="as"] #label-subject,
html[lang="as"] #label-message,
html[lang="as"] #label-autoReply,
html[lang="as"] #label-characters,
html[lang="as"] #label-protected,
html[lang="as"] #submitBtnText,
/* Subject Dropdown Options */
html[lang="as"] #subject-placeholder,
html[lang="as"] #subject-general,
html[lang="as"] #subject-meditation,
html[lang="as"] #subject-events,
html[lang="as"] #subject-membership,
html[lang="as"] #subject-volunteer,
html[lang="as"] #subject-resources,
html[lang="as"] #subject-savitri,
html[lang="as"] #subject-feedback,
html[lang="as"] #subject-other,
/* Contact Sections - Address */
html[lang="as"] #address-title,
html[lang="as"] #address-desc,
html[lang="as"] #address-header,
html[lang="as"] #address-subheader,
html[lang="as"] #address-label,
html[lang="as"] #address-line1,
html[lang="as"] #address-line2,
html[lang="as"] #address-line3,
html[lang="as"] #address-line4,
html[lang="as"] #hours-label,
html[lang="as"] #hours-note,
html[lang="as"] #hours-time,
html[lang="as"] #phone-label,
html[lang="as"] #email-label,
/* Contact Sections - How to Reach / Directions */
html[lang="as"] #item3-title,
html[lang="as"] #item3-desc,
html[lang="as"] #directions-header,
html[lang="as"] #directions-subheader,
/* Address */
html[lang="as"] #directions-address-title,
html[lang="as"] #directions-address-text,
/* Landmarks */
html[lang="as"] #directions-landmarks-title,
html[lang="as"] #directions-landmark1,
html[lang="as"] #directions-landmark2,
html[lang="as"] #directions-landmark3,
html[lang="as"] #directions-landmark4,
html[lang="as"] #directions-landmark-note,
/* By Auto/Taxi */
html[lang="as"] #directions-auto-title,
html[lang="as"] #directions-auto-intro,
html[lang="as"] #directions-auto-option1,
html[lang="as"] #directions-auto-option2,
html[lang="as"] #directions-auto-note,
/* By City Bus */
html[lang="as"] #directions-bus-title,
html[lang="as"] #directions-bus-stop,
html[lang="as"] #directions-bus-text,
/* From Railway Station */
html[lang="as"] #directions-railway-title,
html[lang="as"] #directions-railway-text,
html[lang="as"] #directions-railway-ask,
/* From Airport */
html[lang="as"] #directions-airport-title,
html[lang="as"] #directions-airport-text,
html[lang="as"] #directions-airport-dest,
/* Parking */
html[lang="as"] #directions-parking-title,
html[lang="as"] #directions-parking-text,
/* Contact Sections - Community */
html[lang="as"] #item4-title,
html[lang="as"] #item4-desc,
html[lang="as"] #community-header,
html[lang="as"] #community-subheader,
html[lang="as"] #community-description,
html[lang="as"] #community-whatsapp-label,
html[lang="as"] #community-whatsapp-text,
html[lang="as"] #community-whatsapp-join-label,
html[lang="as"] #community-whatsapp-btn-text,
html[lang="as"] #community-membership-label,
html[lang="as"] #community-membership-text,
html[lang="as"] #community-membership-download-label,
html[lang="as"] #community-membership-btn-text,
html[lang="as"] #community-magazine-label,
html[lang="as"] #community-magazine-text,
html[lang="as"] #community-magazine-subscribe-label,
html[lang="as"] #community-magazine-email-btn,
html[lang="as"] #community-magazine-gmail-btn,
html[lang="as"] #community-volunteer-label,
html[lang="as"] #community-volunteer-text,
/* Contact Sections - Donations */
html[lang="as"] #item5-title,
html[lang="as"] #item5-desc,
html[lang="as"] #donations-action-btn-text,
html[lang="as"] #donations-header,
html[lang="as"] #donations-subheader,
html[lang="as"] #donations-description,
html[lang="as"] #donations-description-2,
html[lang="as"] #donations-helps-label,
html[lang="as"] #donations-help-1,
html[lang="as"] #donations-help-2,
html[lang="as"] #donations-help-3,
html[lang="as"] #donations-help-4,
html[lang="as"] #donations-help-5,
html[lang="as"] #donations-closing,
/* Contact Form Success Modal */
html[lang="as"] #successTitle,
html[lang="as"] #successMessage,
html[lang="as"] #successMessage2,
html[lang="as"] #successCloseBtn,
html[lang="as"] #successModal h4,
html[lang="as"] #successModal li,
html[lang="as"] #successModal span,
html[lang="as"] #successModal strong,
/* ================================================
   RESOURCES.HTML - Page Elements
   ================================================ */
html[lang="as"] #resources-title,
html[lang="as"] #resources-subtitle,
/* e-Library Category Scroll Headers */
html[lang="as"] .scroll-category-name,
/* Resources Sidebar - Category Names and Subcategory Items */
html[lang="as"] #resources-sidebar .category-name,
html[lang="as"] #resources-sidebar .category-name span,
html[lang="as"] #resources-sidebar .subcategory-item,
html[lang="as"] #resources-sidebar .subcategory-item span,
/* e-Library Tab - Book Titles in Sidebar */
html[lang="as"] #books-sidebar .category-name,
html[lang="as"] #books-sidebar .category-name span,
html[lang="as"] #books-sidebar .subcategory-item,
html[lang="as"] #books-sidebar .subcategory-item span,
/* Audio Tab - Audio Track Titles in Sidebar */
html[lang="as"] #audio-sidebar .category-name,
html[lang="as"] #audio-sidebar .category-name span,
html[lang="as"] #audio-sidebar .subcategory-item,
html[lang="as"] #audio-sidebar .subcategory-item span,
/* Video Tab - Video Titles in Sidebar */
html[lang="as"] #video-sidebar .category-name,
html[lang="as"] #video-sidebar .category-name span,
html[lang="as"] #video-sidebar .subcategory-item,
html[lang="as"] #video-sidebar .subcategory-item span,
/* Darshan Cards Tab - Sidebar */
html[lang="as"] #darshan-sidebar .category-name,
html[lang="as"] #darshan-sidebar .category-name span,
html[lang="as"] #darshan-sidebar .subcategory-item,
html[lang="as"] #darshan-sidebar .subcategory-item span,
/* Online Resources Tab - Sidebar */
html[lang="as"] #online-sidebar .category-name,
html[lang="as"] #online-sidebar .category-name span,
html[lang="as"] #online-sidebar .subcategory-item,
html[lang="as"] #online-sidebar .subcategory-item span,
/* Generic subcategory selectors for all tabs */
html[lang="as"] .sidebar-content .subcategory-item,
html[lang="as"] .sidebar-content .subcategory-item span,
html[lang="as"] .subcategory-list .subcategory-item,
html[lang="as"] .subcategory-list .subcategory-item span,
/* ================================================
   GALLERY.HTML - Page Elements
   ================================================ */
html[lang="as"] #gallery-title,
html[lang="as"] #gallery-subtitle,
/* Gallery Search & Filter Section */
html[lang="as"] #gallery-sort-label,
html[lang="as"] #sortFilter,
html[lang="as"] #sortFilter option,
html[lang="as"] #gallery-sort-newest,
html[lang="as"] #gallery-sort-oldest,
html[lang="as"] #gallery-sort-az,
html[lang="as"] #gallery-sort-za,
html[lang="as"] #gallery-show-label,
html[lang="as"] #gallery-show-all,
html[lang="as"] #categoryFilter,
html[lang="as"] #categoryFilter option,
html[lang="as"] #imageCount,
html[lang="as"] #galleryStatus,
html[lang="as"] #gallery-no-images,
html[lang="as"] #gallery-try-adjust,
html[lang="as"] #searchInput::placeholder,
/* Gallery Image Cards - Dynamic Content */
html[lang="as"] .image-card h3,
html[lang="as"] .image-card p,
html[lang="as"] .image-card-content h3,
html[lang="as"] .image-card-content p,
/* Gallery Year/Category/Subcategory Section Headers (Main Content) */
html[lang="as"] .year-section-title,
html[lang="as"] .year-section-count,
html[lang="as"] .category-section-title,
html[lang="as"] .category-section-count,
html[lang="as"] .subcategory-section-title,
html[lang="as"] .subcategory-section-count,
html[lang="as"] .subcategory-section-header,
/* Gallery Sidebar - Title */
html[lang="as"] #sidebar-title-text,
html[lang="as"] .sidebar-title,
/* Gallery Sidebar - All Images Link */
html[lang="as"] #all-images-text,
html[lang="as"] .sidebar-all-images,
/* Gallery Sidebar - Category Names (scoped to gallery only) */
html[lang="as"] #gallerySidebar .category-name,
html[lang="as"] #gallerySidebar .category-name span,
html[lang="as"] #gallerySidebar .category-item .category-header,
/* Gallery Sidebar - Year Subcategories */
html[lang="as"] #gallerySidebar .year-subcategory-item,
html[lang="as"] #gallerySidebar .year-label,
/* Gallery Sidebar - Admin-managed Subcategories (e.g., "নৱবৰ্ষৰ দিৱস ২০২২") */
html[lang="as"] #gallerySidebar .admin-subcategory-name,
html[lang="as"] #gallerySidebar .admin-subcategory-name span,
html[lang="as"] #gallerySidebar .admin-subcategory-header,
html[lang="as"] #gallerySidebar .admin-subcategory-count,
/* Gallery Sidebar - Year Items within Subcategories */
html[lang="as"] #gallerySidebar .subcategory-year-item,
html[lang="as"] #gallerySidebar .subcategory-year-item .year-label,
html[lang="as"] #gallerySidebar .subcategory-year-item .year-count,
/* Gallery Breadcrumb Navigation */
html[lang="as"] #breadcrumb-all,
html[lang="as"] #breadcrumbCategoryLink,
html[lang="as"] #breadcrumbSubcatLink,
html[lang="as"] #breadcrumbYearText,
html[lang="as"] .gallery-breadcrumb,
html[lang="as"] .breadcrumb-link,
html[lang="as"] .breadcrumb-current,
/* ================================================
   CALENDAR.HTML - Page Elements
   ================================================ */
html[lang="as"] #calendar-page-title,
html[lang="as"] #calendar-page-subtitle,
html[lang="as"] #calendar-back-btn,
html[lang="as"] #calendar-loading,
/* Dynamically generated calendar elements */
html[lang="as"] .month-name-text,
html[lang="as"] .days-count,
html[lang="as"] .day-name,
/* ================================================
   THE-WAY-WITHIN.HTML - Page Elements
   ================================================ */
html[lang="as"] #tww-page-title,
html[lang="as"] #tww-page-subtitle,
/* Sidebar Title */
html[lang="as"] #sidebarTitle,
html[lang="as"] .sidebar-title,
/* View Toggle Buttons (Q&As / Subjects) */
html[lang="as"] #main-toggle-qas,
html[lang="as"] #main-toggle-subjects,
html[lang="as"] #sidebar-toggle-qas,
html[lang="as"] #sidebar-toggle-subjects,
/* Bookmarks Panel */
html[lang="as"] #bookmarks-panel-title,
html[lang="as"] #share-link-text,
html[lang="as"] #import-text,
html[lang="as"] #select-all-text,
html[lang="as"] #selectedCount,
html[lang="as"] #filter-all-text,
html[lang="as"] #filter-qa-text,
html[lang="as"] #filter-subject-text,
html[lang="as"] #no-bookmarks-text,
html[lang="as"] #no-bookmarks-hint,
/* Note: .bookmark-item-question and .bookmark-item-type are NOT included
   because they display English content (original question text), not translated content */
/* Search Bar Elements */
html[lang="as"] #tww-author-label,
html[lang="as"] #tww-sort-label,
html[lang="as"] #tww-subjects-sort-label,
html[lang="as"] #resultsCount,
html[lang="as"] #subjectsResultsCount,
html[lang="as"] .filter-label,
html[lang="as"] .filter-select option,
html[lang="as"] .filter-drawer-label,
html[lang="as"] .filter-drawer-select option,
html[lang="as"] .filter-drawer-results-tww,
html[lang="as"] .filter-apply-btn-tww,
html[lang="as"] .results-count,
/* Dropdown Selected Values (Q&A Author and Subjects Sort) */
html[lang="as"] #authorFilter,
html[lang="as"] #sortFilter,
html[lang="as"] #subjectsSortFilter,
html[lang="as"] #mobileAuthorFilter,
html[lang="as"] #mobileSortFilter,
/* Search Input Placeholders (styled via ::placeholder pseudo-element) */
html[lang="as"] #searchInput,
html[lang="as"] #subjectsMainSearchInput,
/* All Q&As View Toggle Button */
html[lang="as"] #qaViewToggleBtnText,
html[lang="as"] .qa-view-toggle-btn,
/* All Q&As Section Title */
html[lang="as"] #allQAsTitle,
html[lang="as"] .all-qas-title,
/* Q&A Card Elements in All Q&As View */
html[lang="as"] .qa-card-question,
html[lang="as"] .qa-card-answer-preview,
html[lang="as"] .qa-card-category,
/* Search Results Summary Bars (Q&A and Subjects) */
html[lang="as"] #searchResultsText,
html[lang="as"] #subjectsSearchResultsText,
html[lang="as"] .search-results-bar,
html[lang="as"] .search-results-info,
/* Darshan Details (activities.html) */
html[lang="as"] .darshan-details-title,
html[lang="as"] .darshan-details-date,
html[lang="as"] .darshan-details-description,
html[lang="as"] .darshan-action-btn,
html[lang="as"] .darshan-action-btn-top,
html[lang="as"] .schedule-section-title,
html[lang="as"] .darshan-toast,
/* Resources Page - Expanded Tab Header (mobile icon tabs) */
html[lang="as"] #tabExpandedTitle,
html[lang="as"] .tab-expanded-title,
/* ================================================
   WHERE TO FIND WHAT (WTFW) - Resources Page
   ================================================ */
html[lang="as"] #wtw-btn-text,
html[lang="as"] #wtw-popup-title,
html[lang="as"] #wtfw-select-hint,
html[lang="as"] .wtfw-category-header,
html[lang="as"] .wtfw-subject-item,
html[lang="as"] .wtfw-subsub-header,
html[lang="as"] .wtfw-link-card,
html[lang="as"] .wtfw-panel-title,
html[lang="as"] .wtfw-panel-empty,
html[lang="as"] .wtfw-mobile-back,
html[lang="as"] .wtfw-mobile-back span,
html[lang="as"] #wtwSearch::placeholder,
/* ================================================
   ONLINE RESOURCES CARDS - Resources Page
   ================================================ */
/* Online resource card titles, descriptions, category badges */
html[lang="as"] .online-card-title,
html[lang="as"] .online-card-description,
html[lang="as"] .online-card-category,
html[lang="as"] .online-card-category span,
/* View button text */
html[lang="as"] .online-view-btn,
html[lang="as"] .online-view-btn span,
html[lang="as"] .online-card-image-btn,
html[lang="as"] .online-card-image-btn span,
/* Flip card back - "View All Links" panel */
html[lang="as"] .online-card-flip-back-title,
html[lang="as"] .online-card-flip-back-title span,
html[lang="as"] .online-card-flip-back-item,
html[lang="as"] .online-card-flip-back-item-title,
html[lang="as"] .online-card-flip-back-item-btn,
html[lang="as"] .online-card-flip-back-item-btn span,
/* Sub-links on card front and modal */
html[lang="as"] .online-card-sublink-tag,
html[lang="as"] .online-card-sublink-tag span,
html[lang="as"] .online-modal-sublink-tag,
html[lang="as"] .online-modal-sublink-tag span,
html[lang="as"] .online-modal-sublinks-header,
/* ================================================
   MOBILE HAMBURGER MENU - Navigation Links
   ================================================ */
/* Mobile menu nav links need Assamese font when translated */
html[lang="as"] .mobile-menu-nav .menu-link:not([href="/admin"]),
html[lang="as"] .mobile-menu .menu-link:not([href="/admin"]),
html[lang="as"] #mobileMenu .menu-link:not([href="/admin"]),
/* ================================================
   LANGUAGE TOGGLE BUTTON - Assamese Text
   ================================================ */
/*
   IMPORTANT: Language toggle buttons display Assamese text ("অসমীয়া")
   when in English mode, so they need Assamese font ALWAYS, not just
   when html[lang="as"]. These selectors apply regardless of language.
*/
/* Desktop language toggle - always needs Assamese font for "অসমীয়া" text */
#languageToggle,
.lang-toggle,
/* Mobile language toggle - Assamese option always needs proper font */
#langToggleMobile,
.lang-toggle-menu-btn,
.lang-option[data-lang="as"],
.lang-option[data-lang="as"] span {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

/* When in Assamese mode, toggle shows "English" - use English font */
html[lang="as"] #languageToggle,
html[lang="as"] .lang-toggle {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
}

/* Mobile toggle - English option always uses English font */
.lang-option[data-lang="en"],
.lang-option[data-lang="en"] span {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
}

/* ================================================
   ASSAMESE CONTENT - ALWAYS NEEDS ASSAMESE FONT
   (Regardless of site language setting)
   ================================================ */
/*
   These elements display Assamese content even when the site is in English mode.
   For example: "Words of the Mother (Assamese)" and "Words of Sri Aurobindo (Assamese)"
   categories in Daily Offerings show Assamese text regardless of language toggle.

   NOTE: The englishTranslation field is rendered separately with its own class
   and uses English font via the rules at the bottom of this section.
*/

/* Daily Offerings - Assamese Categories (mother-as, sriaurobindo-as) */
/* These display Assamese content even when site is in English mode */
/* Target specifically the .assamese-text class for main Assamese content */
.offering-content.assamese-content .offering-text.assamese-text,
.offering-content.assamese-content .offering-main-title,
.offering-content.assamese-content .offering-subtitle,
.offering-content.assamese-content .offering-title-subtext,
.offering-content.assamese-content .offering-header,
/* Mobile Daily Offerings - Assamese Dropdowns */
#mobile-dropdown-words-of-mother-as .mobile-offering-text.assamese-text,
#mobile-dropdown-sri-aurobindo-as .mobile-offering-text.assamese-text,
#mobile-dropdown-words-of-mother-as .mobile-offering-title,
#mobile-dropdown-sri-aurobindo-as .mobile-offering-title,
#mobile-dropdown-words-of-mother-as .mobile-offering-subtitle,
#mobile-dropdown-sri-aurobindo-as .mobile-offering-subtitle,
/* Desktop Daily Offerings - Assamese content areas by ID */
#offering-mother-as .offering-text.assamese-text,
#offering-mother-as .offering-main-title,
#offering-mother-as .offering-subtitle,
#offering-sriaurobindo-as .offering-text.assamese-text,
#offering-sriaurobindo-as .offering-main-title,
#offering-sriaurobindo-as .offering-subtitle,
/* Assamese category content wrapper */
[data-category="mother-as"] .offering-text.assamese-text,
[data-category="mother-as"] .offering-main-title,
[data-category="mother-as"] .offering-subtitle,
[data-category="sriaurobindo-as"] .offering-text.assamese-text,
[data-category="sriaurobindo-as"] .offering-main-title,
[data-category="sriaurobindo-as"] .offering-subtitle {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

/* ================================================
   ENGLISH TRANSLATION - ALWAYS USES ENGLISH FONT
   (Within Assamese categories, the translation is in English)
   ================================================ */
/* Override any Assamese font for English translation content */
.offering-english-translation,
.mobile-offering-english-translation,
.offering-content.assamese-content .offering-english-translation,
#mobile-dropdown-words-of-mother-as .mobile-offering-english-translation,
#mobile-dropdown-sri-aurobindo-as .mobile-offering-english-translation {
  font-family: 'Cormorant Garamond', 'Times New Roman', Times, serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Source links are always English - never use Assamese font */
.offering-source,
.mobile-offering-source,
.offering-content.assamese-content .offering-source,
#mobile-dropdown-words-of-mother-as .mobile-offering-source,
#mobile-dropdown-sri-aurobindo-as .mobile-offering-source {
  font-family: 'Cormorant Garamond', 'Times New Roman', Times, serif !important;
}

/* Legacy selectors for backward compatibility */
html[lang="as"] #langToggleMobile,
html[lang="as"] .lang-toggle-menu-btn,
html[lang="as"] .lang-option,
html[lang="as"] .lang-option span,
/* ================================================
   DESKTOP HEADER NAVIGATION - Links
   ================================================ */
html[lang="as"] header nav a,
html[lang="as"] header nav span,
html[lang="as"] .desktop-nav a,
html[lang="as"] nav.space-x-4 a,
/* Data-lang attributes used in activities page */
html[lang="as"] [data-lang-as] {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important; /* Use 500 instead of 700 to prevent faux bold */
}

/* ================================================
   ACTIVITIES PAGE - Schedule Coming Soon Banner
   ================================================ */
/* Coming Soon banner - Assamese text needs proper font */
html[lang="as"] .coming-soon-title,
html[lang="as"] .coming-soon-subtitle,
html[lang="as"] .coming-soon-stay-tuned {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

/* Larger font size for Assamese nav links */
html[lang="as"] header nav a,
html[lang="as"] .desktop-nav a,
html[lang="as"] nav.space-x-4 a {
  font-size: 1.1rem !important;
}

/* The Way Within - Search Input Placeholders */
html[lang="as"] #searchInput::placeholder,
html[lang="as"] #subjectsMainSearchInput::placeholder,
/* Resources Page - Tab Search Input Placeholders */
html[lang="as"] #darshanSearch::placeholder,
html[lang="as"] #booksSearch::placeholder,
html[lang="as"] #audioSearch::placeholder,
html[lang="as"] #videoSearch::placeholder,
html[lang="as"] #onlineSearch::placeholder {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

/* Buttons and other elements that should keep English font */
html[lang="as"] button:not([data-translate]),
html[lang="as"] .btn:not([data-translate]) {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
}

/* ================================================
   INTROSPECTION PAGE - Spiritual Journey Elements
   ================================================ */
/* Welcome Screen */
html[lang="as"] .welcome-title,
html[lang="as"] .welcome-subtitle,
html[lang="as"] .welcome-description,
html[lang="as"] .start-btn,
html[lang="as"] .start-btn span,
html[lang="as"] .section-intro,
html[lang="as"] .loading-text,
/* Journey Cards */
html[lang="as"] .journey-card-title,
html[lang="as"] .journey-card-description,
html[lang="as"] .journey-card-questions-title,
html[lang="as"] .journey-card-questions-list,
html[lang="as"] .journey-card-action,
html[lang="as"] .journey-card-action span,
html[lang="as"] .journey-cards-loading p,
/* Question Screen */
html[lang="as"] .question-text,
html[lang="as"] #questionText,
/* Floating Bubbles (Options) */
html[lang="as"] .bubble-text,
html[lang="as"] .floating-bubble span,
/* Ending Screen */
html[lang="as"] .ending-title,
html[lang="as"] #endingTitle,
html[lang="as"] .ending-message,
html[lang="as"] #endingMessage,
html[lang="as"] .restart-btn,
html[lang="as"] .restart-btn span,
html[lang="as"] .summary-btn,
html[lang="as"] .summary-btn span,
/* Journey Summary Modal */
html[lang="as"] .summary-title,
html[lang="as"] .summary-path,
html[lang="as"] .summary-step,
html[lang="as"] .close-summary-action,
/* Transition Tips */
html[lang="as"] .transition-tip-heading,
html[lang="as"] .transition-tip-subtitle,
/* Path Indicator / Breadcrumb */
html[lang="as"] .path-indicator,
html[lang="as"] .path-step,
/* Language Toggle - Assamese text always needs proper font */
.lang-toggle .lang-as,
#langToggle .lang-as,
/* Data-i18n elements (translated by journey.js) */
html[lang="as"] [data-i18n] {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}

/* Introspection Buttons - slightly bolder for emphasis */
html[lang="as"] .start-btn,
html[lang="as"] .start-btn span,
html[lang="as"] .journey-card-action,
html[lang="as"] .journey-card-action span,
html[lang="as"] .restart-btn,
html[lang="as"] .restart-btn span,
html[lang="as"] .summary-btn,
html[lang="as"] .summary-btn span,
html[lang="as"] .close-summary-action {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
}

/* ================================================
   GENERAL ASSAMESE TEXT CLASS
   Use .assamese-text to apply Assamese font to any element
   Useful for dynamically rendered content (e.g., WTFW modal)
   ================================================ */
.assamese-text {
  font-family: 'Noto Serif Bengali', 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
}