/* Minimalist flag selection styles */
.fi { border-radius: 2px; }

/* Animation for expanding bar */
#translator-controls {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: none;
    visibility: hidden;
}

#translator-controls.expanded {
    max-width: 500px;
    opacity: 1;
    margin-left: 12px;
    pointer-events: auto;
    visibility: visible;
}

.globe-btn.active {
    background-color: #10b981;
    color: white;
}

/* Modal Overlay */
#language-modal {
    display: none;
    backdrop-filter: blur(8px);
    background-color: rgba(15, 23, 42, 0.6);
}

#language-modal.active { display: flex; }

.country-tile { transition: all 0.2s; cursor: pointer; }
.country-tile:hover { background-color: #f0fdf4; border-color: #10b981; }

@keyframes slideUp {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.mobile-modal-content { animation: slideUp 0.3s ease-out; }