/*
Theme Name: Artistics Child
Template:   artistics
Theme URI: https://1.envato.market/artistic-wp
Description: Digital Marketing Agency WordPress Theme
Author: AwaikenThemes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: artistics-child
*/

/* ===== POLYLANG LANGUAGE SWITCHER ===== */

/* Container của switcher trong nav */
.ekit-nav-menu .pll-parent-menu-item > a,
.main-menu .pll-parent-menu-item > a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

/* Ẩn text "Ngôn ngữ" mặc định, chỉ hiện flag + slug */
.pll-parent-menu-item > a .pll-icon {
    font-size: 16px;
}

/* Dropdown ngôn ngữ */
.pll-parent-menu-item .sub-menu,
.pll-parent-menu-item .ekit-megamenu-panel {
    min-width: 120px !important;
    background: #111 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    padding: 6px 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

.pll-parent-menu-item .sub-menu li a,
.pll-parent-menu-item .ekit-megamenu-panel a {
    color: #ccc !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
}

.pll-parent-menu-item .sub-menu li a:hover {
    color: #c6f135 !important;
    background: rgba(198,241,53,0.06) !important;
}

/* Flag emojis trong dropdown */
.pll-lang-dropdown .lang-item-en > a::before { content: "🇬🇧 "; }
.pll-lang-dropdown .lang-item-vi > a::before { content: "🇻🇳 "; }
.pll-lang-dropdown .lang-item-ja > a::before { content: "🇯🇵 "; }
.pll-lang-dropdown .lang-item-es > a::before { content: "🇪🇸 "; }

/* Active language trong dropdown */
.pll-lang-dropdown .lang-item-current > a {
    color: #c6f135 !important;
}
.pll-lang-dropdown .lang-item > a:hover {
    color: #c6f135 !important;
    background: rgba(198,241,53,0.06) !important;
}

/* Trigger button */
.pll-lang-switcher .pll-trigger {
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 6px !important;
    transition: border-color 0.2s, color 0.2s !important;
}
.pll-lang-switcher .pll-trigger:hover {
    border-color: #c6f135 !important;
    color: #c6f135 !important;
}

/* Dropdown shadow */
.pll-lang-dropdown {
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}