/* ============================================================ DENTACARE — RTL STYLESHEET ============================================================ Applied when ============================================================ */ .rtl-mode { direction: rtl; text-align: right; } /* ─── GLOBAL DIRECTION ───────────────────────────── */ .rtl-mode * { direction: rtl; } /* ─── LOGO ────────────────────────────────────────── */ .rtl-mode .logo { flex-direction: row-reverse; } .rtl-mode .logo-text { align-items: flex-end; } /* ─── HEADER ─────────────────────────────────────── */ .rtl-mode .header-inner { flex-direction: row-reverse; } .rtl-mode .header-utils { flex-direction: row-reverse; } /* ─── NAV ────────────────────────────────────────── */ .rtl-mode .nav { flex-direction: row-reverse; } .rtl-mode .nav-link.active::after { left: 14px; right: 14px; } /* ─── MOBILE MENU ─────────────────────────────────── */ .rtl-mode .mobile-menu { transform: translateX(100%); } .rtl-mode .mobile-menu.open { transform: translateX(0); } .rtl-mode .mobile-nav-link { flex-direction: row-reverse; } /* ─── SECTION EYEBROW ────────────────────────────── */ .rtl-mode .section-eyebrow { flex-direction: row-reverse; } .rtl-mode .section-eyebrow::before { /* becomes a suffix */ } /* ─── TEXT ────────────────────────────────────────── */ .rtl-mode .text-center .section-eyebrow { justify-content: center; } .rtl-mode .section-subtitle { text-align: right; } .rtl-mode .text-center .section-subtitle { text-align: center; } /* ─── BUTTONS ────────────────────────────────────── */ .rtl-mode .btn { flex-direction: row-reverse; } .rtl-mode .btn::after { transform: translateX(100%); } .rtl-mode .btn:hover::after { transform: translateX(0); } /* ─── HERO ───────────────────────────────────────── */ .rtl-mode .hero-inner { direction: rtl; } .rtl-mode .hero-content { text-align: right; } .rtl-mode .hero-title { text-align: right; } .rtl-mode .hero-description { text-align: right; } .rtl-mode .hero-actions { flex-direction: row-reverse; justify-content: flex-start; } .rtl-mode .hero-trust { flex-direction: row-reverse; } .rtl-mode .hero-badge { flex-direction: row-reverse; } .rtl-mode .hero-float-card.card-bottom { left: auto; right: -30px; } .rtl-mode .hero-float-card.card-top { right: auto; left: -20px; } /* ─── HIGHLIGHTS STRIP ────────────────────────────── */ .rtl-mode .highlight-item { flex-direction: row-reverse; } .rtl-mode .highlight-content { text-align: right; } /* ─── ABOUT ───────────────────────────────────────── */ .rtl-mode .about-grid { direction: rtl; } .rtl-mode .about-badge { right: auto; left: -20px; } .rtl-mode .about-content { text-align: right; } .rtl-mode .about-stats { direction: rtl; } /* ─── SERVICE CARD ────────────────────────────────── */ .rtl-mode .service-card { text-align: right; } .rtl-mode .service-card::before { transform-origin: right; } .rtl-mode .service-link { flex-direction: row-reverse; } .rtl-mode .service-link:hover { gap: 10px; } /* ─── WHY ITEMS ──────────────────────────────────── */ .rtl-mode .why-item { flex-direction: row-reverse; text-align: right; } /* ─── DOCTOR CARDS ───────────────────────────────── */ .rtl-mode .doctor-card { text-align: center; } .rtl-mode .doctor-social { flex-direction: row-reverse; justify-content: center; } /* ─── PROCESS ────────────────────────────────────── */ .rtl-mode .process-grid::before { left: 12%; right: 12%; } /* ─── TESTIMONIALS ───────────────────────────────── */ .rtl-mode .testimonial-author { flex-direction: row-reverse; } .rtl-mode .testimonial-text { text-align: right; } .rtl-mode .author-name { text-align: right; } .rtl-mode .author-treatment { text-align: right; } .rtl-mode .slider-controls { flex-direction: row-reverse; } /* ─── EMERGENCY CTA ──────────────────────────────── */ .rtl-mode .emergency-inner { flex-direction: row-reverse; } .rtl-mode .emergency-content { text-align: right; } .rtl-mode .emergency-phone { flex-direction: row-reverse; } .rtl-mode .emergency-actions { flex-direction: row-reverse; } /* ─── CONTACT CARDS ──────────────────────────────── */ .rtl-mode .contact-card { text-align: center; } /* ─── PAGE HERO ──────────────────────────────────── */ .rtl-mode .page-hero { text-align: center; } .rtl-mode .breadcrumb { flex-direction: row-reverse; } /* ─── VALUE CARDS ────────────────────────────────── */ .rtl-mode .value-card { text-align: center; } /* ─── FOOTER ─────────────────────────────────────── */ .rtl-mode .footer-grid { direction: rtl; } .rtl-mode .footer-about { text-align: right; } .rtl-mode .footer-social { flex-direction: row-reverse; } .rtl-mode .footer-heading { text-align: right; } .rtl-mode .footer-heading::after { left: auto; right: 0; } .rtl-mode .footer-links { text-align: right; } .rtl-mode .footer-links a { flex-direction: row-reverse; justify-content: flex-end; } .rtl-mode .footer-links a:hover { transform: translateX(-4px); } .rtl-mode .footer-links a::before { content: '‹'; } .rtl-mode .footer-contact-item { flex-direction: row-reverse; } .rtl-mode .footer-bottom-inner { flex-direction: row-reverse; } .rtl-mode .footer-legal { flex-direction: row-reverse; } .rtl-mode .footer-copyright { text-align: right; } /* ─── FAQ ────────────────────────────────────────── */ .rtl-mode .faq-question { flex-direction: row-reverse; text-align: right; } .rtl-mode .faq-answer-inner { text-align: right; } /* ─── GALLERY FILTERS ─────────────────────────────── */ .rtl-mode .gallery-filters { flex-direction: row-reverse; } .rtl-mode .gallery-overlay { text-align: right; } /* ─── BLOG CARD ──────────────────────────────────── */ .rtl-mode .blog-card { text-align: right; } .rtl-mode .blog-meta { flex-direction: row-reverse; } .rtl-mode .blog-read-more { flex-direction: row-reverse; } .rtl-mode .blog-category { left: auto; right: 14px; } /* ─── BLOG DETAIL ────────────────────────────────── */ .rtl-mode .article-meta { flex-direction: row-reverse; } .rtl-mode .article-content { text-align: right; } .rtl-mode .article-content ul { padding-left: 0; padding-right: 24px; } .rtl-mode .article-content .tip-box { border-left: none; border-right: 4px solid var(--primary); border-radius: var(--radius-md) 0 0 var(--radius-md); } .rtl-mode .share-section { flex-direction: row-reverse; } /* ─── DOCTOR DETAIL ──────────────────────────────── */ .rtl-mode .doctor-profile-grid { direction: rtl; } .rtl-mode .doctor-profile-meta { text-align: center; } .rtl-mode .doctor-social-large { flex-direction: row-reverse; } .rtl-mode .profile-section { text-align: right; } .rtl-mode .expertise-tags { flex-direction: row-reverse; } .rtl-mode .education-item { flex-direction: row-reverse; text-align: right; } .rtl-mode .hours-row { flex-direction: row-reverse; } /* ─── SERVICE DETAIL ─────────────────────────────── */ .rtl-mode .service-detail-grid { direction: rtl; } .rtl-mode .service-detail-benefits { direction: rtl; } .rtl-mode .benefit-item { flex-direction: row-reverse; } /* ─── SIDEBAR ────────────────────────────────────── */ .rtl-mode .sidebar-card { text-align: right; } .rtl-mode .sidebar-card h4 { text-align: right; } .rtl-mode .sidebar-service-link { flex-direction: row-reverse; } /* ─── APPOINTMENT SECTION ────────────────────────── */ .rtl-mode .appointment-inner { direction: rtl; } .rtl-mode .appointment-info { text-align: right; } .rtl-mode .appointment-detail { flex-direction: row-reverse; text-align: right; } .rtl-mode .appointment-detail-text { text-align: right; } /* ─── FORM ───────────────────────────────────────── */ .rtl-mode .form-label { text-align: right; } .rtl-mode .form-error { text-align: right; } .rtl-mode .form-grid-2 { direction: rtl; } .rtl-mode .form-success { text-align: center; } /* ─── NEWSLETTER ─────────────────────────────────── */ .rtl-mode .newsletter-form { flex-direction: row-reverse; } /* ─── COUNTER / SATISFACTION ─────────────────────── */ .rtl-mode .counter-item { text-align: center; } .rtl-mode .satisfaction-item { text-align: center; } /* ─── ABOUT STATS ────────────────────────────────── */ .rtl-mode .stat-item { text-align: center; } /* ─── PROCESS ────────────────────────────────────── */ .rtl-mode .process-item { text-align: center; } /* ─── TRUST BADGES ───────────────────────────────── */ .rtl-mode .trust-badge { flex-direction: row-reverse; } .rtl-mode .trust-stars { flex-direction: row-reverse; } /* ─── HIGHLIGHT ITEM ─────────────────────────────── */ .rtl-mode .highlight-item { text-align: right; } /* ─── WHY GRID ───────────────────────────────────── */ .rtl-mode .why-text { text-align: right; } /* ─── CONTACT PREVIEW ────────────────────────────── */ .rtl-mode .contact-card { text-align: center; } /* ─── DOCTOR RATING ──────────────────────────────── */ .rtl-mode .doctor-rating { flex-direction: row-reverse; justify-content: center; } /* ─── COMING SOON ────────────────────────────────── */ .rtl-mode .coming-soon-content { text-align: center; } .rtl-mode .coming-soon-logo { justify-content: center; } .rtl-mode .coming-soon-social { flex-direction: row-reverse; } .rtl-mode .coming-soon-form { flex-direction: row-reverse; } .rtl-mode .countdown { flex-direction: row-reverse; } /* ─── FEATURED TESTIMONIAL ───────────────────────── */ .rtl-mode .featured-testimonial { text-align: center; } .rtl-mode .featured-testimonial .testimonial-author { flex-direction: row-reverse; justify-content: center; } /* ─── FOOTER NEWSLETTER FORM ─────────────────────── */ .rtl-mode .footer-newsletter-form { direction: rtl; } /* ─── SCROLL ANIMATIONS RTL ──────────────────────── */ .rtl-mode [data-animate="slide-left"] { transform: translateX(40px); } .rtl-mode [data-animate="slide-right"] { transform: translateX(-40px); } /* ─── SERVICE BENEFITS ───────────────────────────── */ .rtl-mode .service-benefits-list { text-align: right; } .rtl-mode .service-benefits-list li { flex-direction: row-reverse; justify-content: flex-end; } /* ─── SERVICE CARD EXTENDED ─────────────────────── */ .rtl-mode .service-card-extended { text-align: right; } .rtl-mode .service-card-top { text-align: right; } .rtl-mode .service-card-body { text-align: right; } /* ─── BLOG GRID ──────────────────────────────────── */ .rtl-mode .blog-body { text-align: right; } /* ─── FLOAT CARDS ────────────────────────────────── */ .rtl-mode .hero-float-card { flex-direction: row-reverse; }