/* tin-translate :: switcher styles (estratto da switcher-assets.php) */

/* ====== SVG flag base ====== */
svg.tin-flag {
    display: inline-block !important;
    width: 26px !important;
    height: 17px !important;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.15);
    vertical-align: middle;
    flex-shrink: 0;
    background: transparent;
}

/* ====== DROPDOWN (stile minimal: solo bandiera centrata) ====== */
.tin-lang-switcher {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    list-style: none !important;
    height: 100%;
    vertical-align: middle;
}
.tin-lang-switcher > .tin-lang-current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    cursor: pointer;
    font: inherit !important;
    color: inherit !important;
    line-height: 1 !important;
    transition: opacity .15s, transform .15s;
    height: auto;
    box-sizing: border-box;
    opacity: .9;
    box-shadow: none !important;
    outline: none !important;
}
.tin-lang-switcher > .tin-lang-current:hover,
.tin-lang-switcher > .tin-lang-current:focus,
.tin-lang-switcher > .tin-lang-current[aria-expanded="true"] {
    background: transparent !important;
    border: 0 !important;
    opacity: 1;
    transform: scale(1.08);
}
/* Freccia hidden anche se restasse in HTML legacy */
.tin-lang-switcher .tin-arrow { display: none !important; }

/* Dropdown panel stile GTranslate — solo bandiere, compatto, alta specificità */
html body .tin-lang-switcher ul.tin-lang-dropdown {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 0 !important;
    width: auto !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
    padding: 6px !important;
    margin: 0 !important;
    list-style: none !important;
    display: none !important;
    z-index: 99999 !important;
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility 0s .15s;
    line-height: 1 !important;
}
html body .tin-lang-switcher > .tin-lang-current[aria-expanded="true"] + ul.tin-lang-dropdown,
html body .tin-lang-switcher:focus-within ul.tin-lang-dropdown {
    display: block !important;
    visibility: visible;
    opacity: 1;
    transition: opacity .15s, visibility 0s 0s;
}
html body .tin-lang-switcher ul.tin-lang-dropdown li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
}
html body .tin-lang-switcher ul.tin-lang-dropdown li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 6px 8px !important;
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 0 !important;
    border: none !important;
    border-radius: 4px !important;
    text-transform: none !important;
    transition: background .12s, transform .12s;
}
html body .tin-lang-switcher ul.tin-lang-dropdown li a:hover,
html body .tin-lang-switcher ul.tin-lang-dropdown li a:focus {
    background: #f3f4f6 !important;
    transform: scale(1.1);
}
html body .tin-lang-switcher ul.tin-lang-dropdown li a svg.tin-flag {
    width: 28px !important;
    height: 18px !important;
    display: block !important;
}

/* ====== Compatibilità ENFOLD desktop ====== */
#top .av-main-nav > li.tin-lang-switcher,
#top .av-main-nav > li.tin-lang-item {
    display: list-item !important;
    float: left !important;
    height: var(--tin-menu-h, 90px) !important;
    line-height: var(--tin-menu-h, 90px) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
}
#top .av-main-nav > li.tin-lang-switcher > .tin-lang-current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--tin-menu-h, 90px) !important;
    line-height: 1 !important;
    padding: 0 13px !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
}
#top .av-main-nav > li.tin-lang-switcher > .tin-lang-current svg.tin-flag {
    display: block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}
#top .av-main-nav > li.tin-lang-switcher > a { display: none !important; }

/* Top bar Enfold (avia2) */
#header_meta .tin-lang-switcher > .tin-lang-current {
    color: inherit !important;
    padding: 0 6px !important;
}

/* ====== Compatibilità ENFOLD mobile (#advanced_menu_hide / .av-burger-menu-main) ====== */
@media only screen and (max-width: 989px) {
    #av-burger-menu-ul .tin-lang-switcher,
    #av-burger-menu-ul .tin-lang-item,
    .av-burger-menu-main + .av_secondary_menu .tin-lang-switcher {
        display: block !important;
        width: 100%;
        padding: .5em 1em;
    }
    #av-burger-menu-ul .tin-lang-switcher > .tin-lang-current {
        width: 100%;
        justify-content: flex-start;
        border-color: rgba(0,0,0,.2) !important;
        color: #333 !important;
        padding: .6em 1em !important;
    }
    #av-burger-menu-ul .tin-lang-switcher .tin-lang-dropdown {
        position: static !important;
        box-shadow: none;
        border: none;
        background: rgba(0,0,0,.04);
        margin-top: .3em;
        width: 100%;
    }
}

/* Mobile generico (non-Enfold) */
@media (max-width: 768px) {
    .tin-lang-switcher .tin-lang-dropdown {
        right: 0; left: auto;
        min-width: 180px;
    }
    svg.tin-flag { width: 24px !important; height: 16px !important; }
}

/* NB: shop/jany link CSS + @media mobile sticky/cluster/drawer = MIGRATO in plugin tin-mobile */