/* ================================
   Language Switcher (meridiantravel.net)
   Perfect Centering & Pill Shape
================================ */

.md-lang-dropdown {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important; 
    z-index: 99999 !important;
}

.md-lang-details {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 46px !important;
    height: 42px !important; 
    background: transparent !important;
    border-radius: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
    box-sizing: border-box !important;
    overflow: hidden !important; 
}

.md-lang-details[open] {
    height: 82px !important; 
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
    z-index: 100000 !important;
}

.md-lang-details::before,
.md-lang-current::-webkit-details-marker,
.md-lang-current::marker {
    display: none !important;
}

.md-lang-current {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    list-style: none !important;
    border-radius: 25px !important;
    padding: 0 !important; 
    margin: 0 !important;
}

.md-lang-menu {
    display: flex !important;
    width: 100% !important;
    height: 40px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.md-lang-option {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    transition: background 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
}

.md-lang-option:hover {
    background-color: rgba(0, 206, 201, 0.1) !important;
}

.md-flag {
    font-size: 22px !important;
    line-height: normal !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    user-select: none !important;
    transform: translateY(0) !important; 
}