.language-btn{background:var(--bg-primary);border:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;margin-right:15px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.language-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-1px)}.language-btn i{color:var(--primary-color);font-size:1rem}.current-lang{color:var(--text-primary);font-weight:600}.language-modal{z-index:10000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.language-modal.active{opacity:1;visibility:visible}.language-modal-content{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:20px;flex-direction:column;width:90%;max-width:450px;max-height:80vh;padding:2rem;transition:all .3s;display:flex;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 20px 40px #0003}.language-modal.active .language-modal-content{transform:scale(1)translateY(0)}.language-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.language-modal-header h3{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.language-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;padding:5px;font-size:1.5rem;transition:all .2s;display:flex}.language-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.language-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;max-height:60vh;padding-right:.5rem;display:grid;overflow-y:auto}.language-option{background:var(--bg-secondary);border:2px solid var(--border-light);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:1.2rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.language-option:hover{border-color:var(--primary-color);background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 20px #6b8e2326}.language-option.active{border-color:var(--primary-color);background:#6b8e231a}.language-option span{color:var(--text-primary);font-size:1rem;font-weight:600}body.rtl{text-align:right;direction:rtl}body.rtl .language-btn{margin-left:15px;margin-right:0}body.rtl .language-modal-header{flex-direction:row-reverse}body.rtl .language-option{text-align:center}@media (max-width:768px){.language-modal-content{max-width:400px;max-height:85vh;margin:1rem;padding:1.5rem}.language-modal-header h3{font-size:1.3rem}.language-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;max-height:55vh}.language-option{padding:.8rem 1rem}.language-option span{font-size:.9rem}.language-btn{margin-right:8px}}@media (max-width:480px){.language-btn{margin-right:8px;padding:6px 10px;font-size:.8rem}body.rtl .language-btn{margin-left:8px;margin-right:0}.language-modal-content{max-width:300px;padding:1rem}.language-modal-header{margin-bottom:1.5rem}.language-modal-header h3{font-size:1.2rem}.language-option{padding:1rem}.navbar-nav{gap:.2rem}}body.dark-theme .language-btn{background:var(--bg-secondary);border-color:var(--border-light)}body.dark-theme .language-btn:hover{background:var(--bg-primary);border-color:var(--primary-color)}body.dark-theme .language-modal-content{background:var(--bg-secondary);border-color:var(--border-light)}body.dark-theme .language-option{background:var(--bg-primary);border-color:var(--border-light)}body.dark-theme .language-option:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.language-transition{transition:all .3s}.translating{opacity:.7;pointer-events:none}.translating:after{content:"";border:2px solid var(--primary-color);border-top:2px solid #0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}
