/* 語言切換器樣式 */
.language-switcher {
    position: fixed;
    top: 0px;
    right: 15px;
    z-index: 1000;
}

    .language-switcher .form-select {
        width: auto;
        min-width: 120px;
        padding: 10px 40px 10px 15px;
        border: 0px solid #e0e0e0;
        background: white;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
    }

        .language-switcher .form-select:hover {
        border-color: var(--primary-color);
/*            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2);*/
/*            transform: translateY(-1px);*/
        }

        .language-switcher .form-select:focus {
            outline: none;
        border-color: var(--primary-color);
/*            box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);*/
        }

        /* 語言選項樣式 */
        .language-switcher .form-select option {
            padding: 10px;
        }

    /* 載入動畫 */
    .language-switcher.loading .form-select {
        opacity: 0.6;
        pointer-events: none;
    }

/* 響應式設計 */
@media (max-width: 768px) {
    .language-switcher {
        top: 10px;
        right: 10px;
    }

        .language-switcher .form-select {
            min-width: 100px;
            padding: 8px 35px 8px 12px;
            font-size: 13px;
        }
}

/* 深色模式支援（可選） */
@media (prefers-color-scheme: dark) {
    .language-switcher .form-select {
        background-color: #2a2a2a;
        color: #fff;
        border-color: #444;
    }

        .language-switcher .form-select:hover {
        border-color: var(--primary-color);
        }
}
