/**
 * Public styles for WP OpenAI Translator
 * 
 * This file contains styles for any public-facing elements
 * that might be added by the plugin.
 */

/* Language switcher styles (if implemented) */
.wp-openai-translator-language-switcher {
    display: inline-block;
    margin: 10px 0;
}

.wp-openai-translator-language-switcher ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
}

.wp-openai-translator-language-switcher li {
    margin: 0;
}

.wp-openai-translator-language-switcher a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
}

.wp-openai-translator-language-switcher a:hover {
    background: #f5f5f5;
}

.wp-openai-translator-language-switcher a.current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

/* Translation status indicator */
.wp-openai-translator-status {
    font-size: 11px;
    color: #666;
    font-style: italic;
    margin: 5px 0;
}

.wp-openai-translator-status.translated {
    color: #0073aa;
}

.wp-openai-translator-status.original {
    color: #333;
}

/* Hide elements during translation process */
.wp-openai-translator-translating {
    opacity: 0.6;
    pointer-events: none;
}

/* Responsive design */
@media (max-width: 768px) {
    .wp-openai-translator-language-switcher ul {
        flex-wrap: wrap;
    }
}