/* ======================================================= Language switcher (always loaded, direction independent) ======================================================= */ .lang-switcher { position: relative; font-size: 14px; } .lang-switcher .lang-current { background: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: inherit; padding: 4px 10px; border-radius: 20px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; line-height: 1.4; } .lang-switcher .lang-current:hover { border-color: rgba(255, 255, 255, 0.7); } .lang-switcher .lang-menu { display: none; position: absolute; top: calc(100% + 8px); inset-inline-end: 0; background: #fff; color: #3c4049; list-style: none; margin: 0; padding: 6px; min-width: 170px; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); z-index: 9999; } .lang-switcher.open .lang-menu { display: block; } .lang-switcher .lang-menu button { display: block; width: 100%; text-align: start; background: none; border: none; padding: 8px 10px; border-radius: 6px; cursor: pointer; font-size: 14px; color: #3c4049; } .lang-switcher .lang-menu button:hover, .lang-switcher .lang-menu button.active { background: color-mix(in srgb, var(--accent-color, #175cdd), transparent 90%); color: var(--accent-color, #175cdd); } /* ======================================================= RTL layout overrides — active only when Covers Arabic and Kurdish Sorani (both RTL scripts) ======================================================= */ html[dir="rtl"] body { font-family: "Noto Kufi Arabic", "Roboto", sans-serif; } html[dir="rtl"] .navmenu ul { padding-inline-start: 0; } html[dir="rtl"] .navmenu .dropdown ul { text-align: start; } html[dir="rtl"] .toggle-dropdown { transform: scaleX(-1); } /* Flip decorative floating cards / absolute-positioned elements that were authored with physical left/right values */ html[dir="rtl"] .hero .floating-card.appointment-card { left: auto; } html[dir="rtl"] .hero .floating-card.rating-card { right: auto; } html[dir="rtl"] .experience-badge { right: auto; } /* Icon + text spacing: mirror common margin utilities used next to icons */ html[dir="rtl"] .bi-check-circle-fill, html[dir="rtl"] .bi-arrow-right, html[dir="rtl"] .bi-telephone-fill, html[dir="rtl"] .bi-play-circle { margin-inline-end: 0; margin-inline-start: 6px; } html[dir="rtl"] .specialty-link .bi-arrow-right, html[dir="rtl"] .highlight-cta .bi-arrow-right, html[dir="rtl"] .main-cta .bi-arrow-right, html[dir="rtl"] .primary-cta .bi-arrow-right, html[dir="rtl"] .secondary-cta .bi-arrow-right, html[dir="rtl"] .btn-view-all .bi-arrow-right { transform: scaleX(-1); } html[dir="rtl"] .hero-actions .bi-play-circle { margin-inline-end: 8px; margin-inline-start: 0; } /* Text alignment fallbacks for elements the template hard-coded to "left" */ html[dir="rtl"] .search-form, html[dir="rtl"] .hero-description, html[dir="rtl"] .lead-text { text-align: start; } /* Mobile nav toggle icon should still sit on the same visual edge */ @media (max-width: 1199px) { html[dir="rtl"] .mobile-nav-toggle { margin-inline-start: 0; } }