/* ===== GLOBAL LANGUAGE SWITCHER ===== */ .language-switcher { position: relative; display: inline-flex; align-items: center; z-index: 60; } .language-toggle { display:flex; align-items:center; gap:.35rem; color:#fff; background:transparent; border:0; padding:.35rem .5rem; border-radius:.6rem; font-size:.9rem; font-weight:600; cursor:pointer; } .language-toggle:hover { background:rgba(255,255,255,.12); } .language-toggle:focus-visible { outline:2px solid rgba(255,255,255,.85); outline-offset:2px; } .language-menu { position:absolute; top:calc(100% + .45rem); right:0; min-width:145px; padding:.35rem; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:.75rem; box-shadow:0 12px 30px rgba(0,0,0,.18); } .language-menu.hidden { display:none; } .language-option { width:100%; display:flex; align-items:center; gap:.55rem; padding:.55rem .7rem; border:0; background:transparent; border-radius:.55rem; color:#334155; cursor:pointer; text-align:left; } .language-option:hover { background:#f1f5f9; } .language-option span:first-child { font-size:1.05rem; } .tebyin-arabic { font-family: Arial, "Noto Naskh Arabic", sans-serif; } html[dir="rtl"] .language-menu { right:auto; left:0; } html[dir="rtl"] .language-option { text-align:right; } @media (max-width: 640px) { .language-toggle { font-size:.78rem; padding:.3rem .35rem; } .language-menu { min-width:132px; } }