/* BELLA24 V8 - MOBILE LANGUAGE HEADER */

/* Bara limbilor */
.bella-language-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    background: #fff7fb !important;
    border-bottom: 1px solid #ead2df !important;
}

/* Steaguri */
.bella-language-flags {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
}

.bella-language-flag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border-radius: 8px !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

.bella-language-flag.is-active {
    background: #f6e2ec !important;
    border: 1px solid #89004d !important;
}

/* Selector toate limbile */
.bella-language-dropdown {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bella-language-dropdown select {
    display: block !important;
    width: auto !important;
    max-width: 180px !important;
    min-height: 38px !important;
    padding: 6px 8px !important;
    border: 1px solid #e4bdd0 !important;
    border-radius: 10px !important;
    background: white !important;
    color: #89004d !important;
    font-size: 13px !important;
}

/* Mobil */
@media (max-width: 700px) {

    .bella-language-bar {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 5px !important;
        padding: 5px 7px !important;
    }

    .bella-language-flags {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 1px !important;
    }

    /* Primele sase limbi existente.
       Restul raman in selector. */
    .bella-language-flag:nth-child(n+7) {
        display: none !important;
    }

    .bella-language-flag {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        min-height: 33px !important;
        padding: 2px !important;
        font-size: 19px !important;
    }

    .bella-language-dropdown {
        flex: 0 0 115px !important;
        min-width: 0 !important;
    }

    .bella-language-dropdown select {
        width: 115px !important;
        max-width: 115px !important;
        min-height: 35px !important;
        padding: 4px !important;
        font-size: 11px !important;
    }

    .bella-header-inner {
        gap: 6px !important;
        padding: 6px 10px !important;
    }

    .bella-logo img {
        height: 55px !important;
        width: 92px !important;
        object-fit: contain !important;
    }

    .bella-search {
        margin: 0 !important;
    }

    .bella-mobile-menu-toggle {
        height: 42px !important;
        width: 42px !important;
    }

    .bella-actions > .bella-cart {
        height: 42px !important;
    }
}

/* Ecrane foarte inguste */
@media (max-width: 360px) {
    .bella-language-flag {
        font-size: 17px !important;
    }
    .bella-language-dropdown {
        flex-basis: 100px !important;
    }
    .bella-language-dropdown select {
        width: 100px !important;
    }
}