/**
* BIDTI-AI 2026 — Right-to-left (Arabic) overrides
* Load AFTER the main stylesheet:
*
*
* Rules activate only when , so English is untouched.
*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
/* Arabic webfont for the whole page in Arabic mode */
html[dir="rtl"] body {
font-family: 'Tajawal', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
}
/* Flip left-aligned text to the right */
html[dir="rtl"] .table th,
html[dir="rtl"] .table td,
html[dir="rtl"] .fees-table th,
html[dir="rtl"] .fees-table td,
html[dir="rtl"] .section-text,
html[dir="rtl"] .about-description,
html[dir="rtl"] .objective-text,
html[dir="rtl"] .venue-content,
html[dir="rtl"] .footer-col,
html[dir="rtl"] .contact-card__value,
html[dir="rtl"] .bank-details-list,
html[dir="rtl"] .benefits-list,
html[dir="rtl"] .submission-notes,
html[dir="rtl"] .submission-notes-list {
text-align: right;
}
/* Left padding / indent becomes right */
html[dir="rtl"] .mobile-dropdown-menu {
padding-left: 0;
padding-right: 1rem;
}
html[dir="rtl"] ul li li {
margin-left: 0;
margin-right: 1rem;
}
/* Note box: left accent bar moves to the right edge */
html[dir="rtl"] .note-box {
border-left: none;
border-right: 4px solid #633806;
}
/* Keep Latin/numeric runs (emails, IBAN, phones, dates) reading LTR
even inside Arabic paragraphs */
html[dir="rtl"] .countdown-value,
html[dir="rtl"] .meta-item span,
html[dir="rtl"] .date-badge,
html[dir="rtl"] .contact-card__link,
html[dir="rtl"] .bank-details-list li {
direction: rtl;
unicode-bidi: isolate;
}
html[dir="rtl"] .organizers-heading {
font-family: 'Tajawal' !important;
}
/* ...but bank labels themselves stay RTL */
html[dir="rtl"] .bank-details-list li strong {
direction: rtl;
unicode-bidi: isolate;
}
/* Language toggle button — inherits nav colour, works both directions */
.lang-toggle {
background: transparent;
border: 1px solid currentColor;
border-radius: 6px;
padding: 0.3rem 0.85rem;
margin-inline-start: 0.25rem;
font: inherit;
font-weight: 600;
cursor: pointer;
color: inherit;
white-space: nowrap;
transition: background 0.2s, color 0.2s;
}
/* mobile nav toggle: full-width like the links */
.mobile-nav .lang-toggle {
display: block;
width: 100%;
text-align: center;
margin: 0.5rem 0 0;
}