@charset "utf-8"; .language-switcher{display:flex;align-items:center;margin-left:1rem;cursor:pointer;padding:.5rem .8rem;border-radius:4px;transition:all .3s ease;background-color:var(--primary-blue)}html[lang=ar] .language-switcher{margin-left:0;margin-right:1rem}.language-switcher span{margin:0 .5rem;font-weight:500;transition:var(--transition)}.language-switcher:hover{background-color:rgba(0,123,255,0.1)}.language-switcher:hover span,.language-switcher:hover a{color:var(--primary-blue)}.language-switcher a{display:flex;align-items:center;color:var(--white);text-decoration:none;font-weight:600}.language-switcher i{margin-right:.5rem}html[lang=ar] .language-switcher i{margin-right:0;margin-left:.5rem}html[lang=ar]{direction:rtl}html[lang=en]{direction:ltr}html[lang=ar] body{font-family:'Noto Sans Arabic',sans-serif}html[lang=en] body{font-family:'Poppins',sans-serif}html[lang=en] .text-center{text-align:center}html[lang=en] .text-left{text-align:left}html[lang=en] .text-right{text-align:right}.ar-content{display:none}.en-content{display:none}html[lang=ar] .ar-content{display:block}html[lang=en] .en-content{display:block}#languageSwitcher{position:relative;padding:.5rem 1rem;border-radius:4px;background-color:rgba(0,123,255,0.1);transition:all .3s ease}#languageSwitcher:hover{background-color:rgba(0,123,255,0.2)}#languageSwitcher a{display:flex;align-items:center;justify-content:center;color:var(--primary-blue);font-weight:500;text-decoration:none}#languageSwitcher i{margin-right:.5rem;font-size:1.1rem}html[lang=ar] #languageSwitcher i{margin-right:0;margin-left:.5rem}@media (max-width:768px){#languageSwitcher{margin-top:1rem;text-align:center}html[lang=en] #languageSwitcher a{justify-content:flex-start}html[lang=ar] #languageSwitcher a{justify-content:flex-end}}html[lang=en] .logo-video,html[lang=en] .logo-video-footer,html[lang=en] .hero-logo-video{}html[lang=en] .logo-left{}html[lang=en] .logo-left::after{}html[lang=en] .logo-right{}html[lang=en] .logo-right::before{}html[lang=en] .logo-text{}html[lang=en] .logo-text{color:var(--primary-blue);letter-spacing:.015em;font-weight:700}
@import url('https://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
html[lang=ar] body{font-family:'Droid Arabic Kufi',sans-serif;font-size:16px;line-height:1.7}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,
html[lang=ar] .btn,html[lang=ar] #languageToggle,html[lang=ar] .header,html[lang=ar] .footer,
html[lang=ar] .chat-window,html[lang=ar] .chat-messages,html[lang=ar] .notification{font-family:'Droid Arabic Kufi',sans-serif}
.language-switcher,#languageSwitcher{display:none!important}
/* Language toggle in topControls container */
#topControls #languageToggle{position:relative!important;top:auto!important;left:auto!important;right:auto!important;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))!important;color:#fff!important;padding:8px 12px!important;border-radius:20px!important;border:1px solid var(--primary-blue)!important;box-shadow:0 6px 20px rgba(0,0,0,0.12)!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
/* Fallback for language toggle if not in topControls (shouldn't happen but just in case) */
#languageToggle:not(#topControls #languageToggle){position:fixed;top:12px;z-index:9999;padding:8px 12px;border-radius:20px;border:1px solid var(--primary-blue);box-shadow:0 6px 20px rgba(0,0,0,0.12);display:inline-flex;align-items:center;gap:8px}
html[lang=en] #languageToggle:not(#topControls #languageToggle){left:12px;background:var(--white);color:var(--primary-blue)}
html[lang=ar] #languageToggle:not(#topControls #languageToggle){right:12px;background:var(--primary-blue);color:var(--white)}
@media (max-width:768px){#languageToggle:not(#topControls #languageToggle){top:8px;padding:7px 11px}}