.ivt-language-selector {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0 0 26px;

    box-sizing: border-box;
}

.ivt-language-selector__title {
    margin-bottom: 12px;

    font-size: 18px;
    font-weight: 700;
}


/* =====================================================
   ALAP GOMBKONTÉNEREK
===================================================== */

.ivt-language-selector__options,
.ivt-duration-buttons {
    display: flex;
    flex-wrap: wrap;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    gap: 12px;

    box-sizing: border-box;
}


/* =====================================================
   NYELV- ÉS ÓRAHOSSZGOMBOK
===================================================== */

.ivt-language-option,
.ivt-duration-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 52px;

    padding: 9px 16px;

    border: 2px solid #d7deea;
    border-radius: 9px;

    background: #ffffff;
    color: #071b38;

    font-weight: 700;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease;
}

.ivt-language-option:hover,
.ivt-duration-button:hover {
    border-color: #357ff0;
}

.ivt-language-option.is-selected,
.ivt-duration-button.is-selected {
    border-color: #e6a11a;
    background: #fff8e5;

    box-shadow:
        0 0 0 2px rgba(230, 161, 26, .15);
}


/* =====================================================
   NYELVZÁSZLÓ
===================================================== */

.ivt-language-option img {
    flex: 0 0 42px;

    width: 42px;
    min-width: 42px;
    max-width: 42px;

    height: 29px;

    object-fit: cover;

    border-radius: 3px;
}

.ivt-language-option__fallback {
    display: inline-flex;
    flex: 0 0 42px;

    width: 42px;
    min-width: 42px;
    max-width: 42px;

    height: 29px;

    align-items: center;
    justify-content: center;

    border-radius: 3px;

    background: #edf2f8;
}

.ivt-language-option > span:last-child {
    min-width: 0;

    text-align: left;
}


/* =====================================================
   HIBAÜZENET
===================================================== */

.ivt-language-error {
    margin-top: 10px;

    color: #b42318;

    font-weight: 600;
}


/* =====================================================
   ÓRAHOSSZGOMBOK – ASZTALI ALAP
===================================================== */

.ivt-duration-buttons {
    margin-top: 10px;
}

.ivt-duration-button {
    min-width: 110px;
}

.ivt-duration-button:disabled {
    opacity: .4;
    cursor: not-allowed;
}


/* =====================================================
   EREDETI SELECT ELREJTÉSE
===================================================== */

.ivt-native-select-hidden {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* =====================================================
   MOBIL
   – minden nyelvgomb teljes szélességű
   – 35 / 45 / 55 perc egy sorban
===================================================== */

@media screen and (max-width: 767px) {

    .ivt-language-selector {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* NYELVEK – EGY GOMB EGY TELJES SOR */

    .ivt-language-selector__options {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 10px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .ivt-language-option {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 52px !important;

        margin: 0 !important;
        padding: 9px 14px !important;

        box-sizing: border-box !important;
    }

    .ivt-language-option img,
    .ivt-language-option__fallback {
        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
    }

    .ivt-language-option > span:last-child {
        flex: 1 1 auto !important;

        min-width: 0 !important;

        text-align: left !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }


    /* ÓRAHOSSZ – 3 GOMB EGY SORBAN */

    .ivt-duration-buttons {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 10px 0 0 !important;
        padding: 0 !important;

        gap: 8px !important;

        box-sizing: border-box !important;
    }

    .ivt-duration-button {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 50px !important;

        margin: 0 !important;
        padding: 8px 4px !important;

        font-size: 13px !important;
        line-height: 1.2 !important;
        text-align: center !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }
}


/* =====================================================
   KISEBB MOBIL
===================================================== */

@media screen and (max-width: 390px) {

    .ivt-duration-buttons {
        gap: 6px !important;
    }

    .ivt-duration-button {
        min-height: 48px !important;

        padding: 7px 2px !important;

        font-size: 12px !important;
    }
}