/* * Urdu Override CSS for Noori Academy * Applied when data-lang="ur" is on */ html[data-lang="ur"] body, html[data-lang="ur"] .text-urdu { font-family: 'Jameel Noori Nastaleeq', 'Noto Nastaliq Urdu', serif !important; direction: rtl; text-align: right; line-height: 2 !important; /* Standard line-height for Nastaliq */ font-size: 1.15rem; /* Classic, adjustable standard size */ } /* Responsive font scaling for mobile screens */ @media (max-width: 767.98px) { html[data-lang="ur"] body, html[data-lang="ur"] .text-urdu { font-size: 1.05rem; } } /* Flip margins and paddings for layout items */ html[data-lang="ur"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; } html[data-lang="ur"] .me-auto { margin-left: auto !important; margin-right: 0 !important; } html[data-lang="ur"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; } html[data-lang="ur"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; } /* Button icons spacing */ html[data-lang="ur"] .btn i.me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; } html[data-lang="ur"] .btn i.ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; } /* Fix text alignment that might be forced to left */ html[data-lang="ur"] .text-start { text-align: right !important; } html[data-lang="ur"] .text-end { text-align: left !important; } /* Heading display font size adjustment for Urdu if necessary */ html[data-lang="ur"] h1, html[data-lang="ur"] h2, html[data-lang="ur"] h3, html[data-lang="ur"] h4, html[data-lang="ur"] h5, html[data-lang="ur"] h6, html[data-lang="ur"] .heading-display { font-family: var(--font-urdu), serif !important; font-weight: 400; /* Nastaliq sometimes looks better without bold */ } html[data-lang="ur"] .dropdown-submenu-academy > .dropdown-menu { left: auto !important; right: 100% !important; } html[data-lang="ur"] .dropdown-submenu-academy .fa-chevron-right { transform: rotate(180deg); } /* === NOTIFICATION BAR RTL === */ html[data-lang="ur"] .notif-bar { flex-direction: row-reverse; } html[data-lang="ur"] .notif-bar__label { border-right: none; border-left: 1px solid rgba(255, 255, 255, 0.2); } html[data-lang="ur"] .notif-bar__ticker-wrap { direction: ltr !important; } html[data-lang="ur"] .notif-bar__controls { border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.2); } html[data-lang="ur"] .notif-bar__ticker-wrap::before { left: auto; right: 0; background: linear-gradient(270deg, #0d6b42, transparent); } html[data-lang="ur"] .notif-bar__ticker-wrap::after { right: auto; left: 0; background: linear-gradient(90deg, #0a4a2f, transparent); } html[data-lang="ur"] .notif-bar { font-size: 0.9rem; } html[data-lang="ur"] .notif-bar__ticker { direction: ltr !important; } html[data-lang="ur"] .notif-item { direction: rtl; margin-right: 60px; } /* === HERO SECTION URDU OVERRIDES === */ html[data-lang="ur"] .hero-slide__content { direction: rtl; text-align: right; } html[data-lang="ur"] .hero-slide__inner { margin-right: 0; margin-left: auto; } html[data-lang="ur"] .hero-eyebrow { flex-direction: row-reverse; } html[data-lang="ur"] .hero-eyebrow i { margin-right: 0; margin-left: 6px; } html[data-lang="ur"] .hero-title { font-family: 'Jameel Noori Nastaleeq', 'Noto Nastaliq Urdu', serif; line-height: 1.8; } html[data-lang="ur"] .hero-subtitle { line-height: 2.2; } html[data-lang="ur"] .stat-item { flex-direction: row-reverse; } html[data-lang="ur"] .stat-icon { transform: scaleX(-1); } html[data-lang="ur"] .notif-item { direction: rtl; /* Text inside reads RTL */ } /* === COURSES SECTION URDU OVERRIDES === */ html[data-lang="ur"] .course-card__badges { left: 12px; right: auto; } html[data-lang="ur"] .course-card__title, html[data-lang="ur"] .course-card__desc { font-family: 'Jameel Noori Nastaleeq', 'Noto Nastaliq Urdu', serif; line-height: 2; text-align: right; } html[data-lang="ur"] .course-card__meta { text-align: right; } html[data-lang="ur"] .course-meta-item { flex-direction: row-reverse; justify-content: flex-end; } html[data-lang="ur"] .course-meta-item i { margin-right: 0; margin-left: 8px; } html[data-lang="ur"] .course-card__fee { text-align: right; } html[data-lang="ur"] .course-card__footer { flex-direction: row-reverse; } html[data-lang="ur"] .courses-filter-bar__inner { flex-direction: row-reverse; } html[data-lang="ur"] .filter-group { flex-direction: row-reverse; } html[data-lang="ur"] .filter-search-icon { right: 12px; left: auto; } html[data-lang="ur"] .filter-search__input { padding-right: 35px; padding-left: 15px; } html[data-lang="ur"] .enroll-modal-content.rtl { direction: rtl; text-align: right; } html[data-lang="ur"] .enroll-modal-close { left: 15px; right: auto; } html[data-lang="ur"] .enroll-progress { flex-direction: row-reverse; } html[data-lang="ur"] .btn i.fa-arrow-left { margin-right: 0.5rem; margin-left: 0 !important; } /* === MARQUEE STRIP RTL FIX === */ html[data-lang="ur"] .marquee-strip, html[data-lang="ur"] .marquee-track { direction: ltr !important; /* Keep animation direction consistent */ } html[data-lang="ur"] .marquee-item { direction: rtl; /* Text inside items should be RTL */ } /* === FOOTER URDU OVERRIDES === */ html[data-lang="ur"] .footer-watermark { left: auto; right: 5%; transform: rotate(-15deg); } html[data-lang="ur"] .footer-socials { flex-direction: row-reverse; } html[data-lang="ur"] .footer-contact-icon { margin-right: 0; margin-left: 10px; }