/* ============================================================ Language Switcher – Misbah Architecture Blocks ============================================================ */ /* ---- Floating switcher button ---- */ .misbah-lang-switcher { position: absolute; top: 88px; right: 300px; transform: none; z-index: 99999; background: #1E5DB8; border-radius: 50px; padding: 8px 18px; display: flex; align-items: center; gap: 8px; white-space: nowrap; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s; direction: ltr; /* prevent RTL from reversing EN | عربي */ } body.admin-bar .misbah-lang-switcher { top: 118px; } .misbah-lang-switcher:hover { box-shadow: 0 6px 28px rgba(0, 0, 0, 0.42); } .misbah-lang-switcher .lang-btn { color: rgba(255, 255, 255, 0.6); text-decoration: none; font-size: 13px; font-weight: 700; font-family: 'Poppins', sans-serif; letter-spacing: 0.5px; line-height: 1; transition: color 0.2s; } .misbah-lang-switcher .lang-btn:hover, .misbah-lang-switcher .lang-btn.active { color: #ffffff; } .misbah-lang-switcher .lang-sep { color: rgba(255, 255, 255, 0.3); font-size: 11px; line-height: 1; } @media (min-width: 769px) and (max-width: 1100px) { .misbah-lang-switcher { top: 28px; right: 18px; } body.admin-bar .misbah-lang-switcher { top: 60px; } } @media (max-width: 768px) { .misbah-lang-switcher { top: 58px; bottom: auto; right: 12px; transform: none; padding: 6px 12px; gap: 6px; border-radius: 999px; } body.admin-bar .misbah-lang-switcher { top: 52px; } .misbah-lang-switcher .lang-btn { font-size: 12px; } } /* ============================================================ RTL overrides – active when ============================================================ */ /* Move the floating button to the left side in RTL */ /* body.lang-ar .misbah-lang-switcher { right: auto; left: 20px; top: 14px; } */ @media (max-width: 768px) { body.lang-ar .misbah-lang-switcher { right: auto; left: 12px; top: 58px; } body.admin-bar.lang-ar .misbah-lang-switcher { top: 52px; } } @media (min-width: 769px) and (max-width: 1100px) { body.lang-ar .misbah-lang-switcher { right: auto; left: 18px; } } /* Reverse column order for RTL */ body.lang-ar .wp-block-columns:not(.is-not-stacked-on-mobile) { flex-direction: row-reverse; } body.lang-ar .is-not-stacked-on-mobile { flex-direction: row-reverse; } /* Navigation */ body.lang-ar .wp-block-navigation__container { flex-direction: row-reverse; } /* Text-align fixes */ body.lang-ar .has-text-align-left { text-align: right !important; direction: rtl; } /* Banner slider content */ body.lang-ar .slider-content-box { margin-right: 5% !important; margin-left: auto !important; } /* Service cards */ body.lang-ar .service-content h5, body.lang-ar .service-content p { text-align: right; } body.lang-ar .wp-block-button__link { font-family: 'Poppins', sans-serif; } /* Social links */ body.lang-ar .wp-block-social-links { justify-content: flex-end; } /* Footer columns */ body.lang-ar .footer-right .wp-block-columns { flex-direction: row-reverse; } /* Video section */ body.lang-ar .video-section .wp-block-columns { flex-direction: row-reverse; } body.lang-ar .video-left-inner h6, body.lang-ar .video-left-inner h2 { text-align: right; } /* Blog section */ body.lang-ar .blog-heading, body.lang-ar .blog-content-box { text-align: right; } /* Header top bar */ body.lang-ar .main-header { flex-direction: row-reverse; } /* Heading alignment */ body.lang-ar .wp-block-heading { text-align: right; } body.lang-ar .has-text-align-center.wp-block-heading { text-align: center !important; }