/* CML Language Switcher Styles */
.cml-switcher { display: inline-block; font-family: inherit; font-size: 14px; }

/* Dropdown */
.cml-dropdown { position: relative; display: inline-block; }
.cml-dropdown-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px; background: #fff; border: 1px solid #ddd;
    border-radius: 6px; cursor: pointer; font-size: 14px;
    transition: border-color .2s, box-shadow .2s;
}
.cml-dropdown-btn:hover { border-color: #0073aa; box-shadow: 0 2px 6px rgba(0,115,170,.15); }
.cml-arrow { font-size: 10px; margin-left: 4px; transition: transform .2s; }
.cml-dropdown-btn[aria-expanded="true"] .cml-arrow { transform: rotate(180deg); }
.cml-dropdown-menu {
    display: none; position: absolute; top: calc(100% + 4px); left: 0;
    background: #fff; border: 1px solid #ddd; border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0,0,0,.12); list-style: none;
    margin: 0; padding: 4px 0; min-width: 160px; z-index: 9999;
}
.cml-dropdown-menu li a {
    display: block; padding: 8px 16px; color: #333;
    text-decoration: none; white-space: nowrap; transition: background .15s;
}
.cml-dropdown-menu li a:hover { background: #f0f7ff; color: #0073aa; }

/* List style */
.cml-lang-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.cml-lang-item a {
    display: inline-block; padding: 6px 12px;
    border: 1px solid #ddd; border-radius: 20px;
    color: #333; text-decoration: none; font-size: 13px;
    transition: all .2s;
}
.cml-lang-item a:hover, .cml-lang-item.cml-active a {
    background: #0073aa; color: #fff; border-color: #0073aa;
}