/* Mobile readability overrides for the 2GIS and Yandex Maps configurators. */

.selection_count {
    color: #667386;
    font-size: 14px;
    line-height: 1.4;
}

.b-tooltip-text,
.type_search {
    font-size: 14px;
    line-height: 1.45;
}

.input_search,
.b-search {
    box-sizing: border-box;
    font-size: 16px;
    min-height: 44px;
}

.b-button {
    min-height: 44px;
}

/* Keep the native control accessible without drawing it above the custom switch. */
.switch > input[type="checkbox"] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.switch > input[type="checkbox"]:focus-visible + .slider {
    outline: 2px solid #1267a4;
    outline-offset: 2px;
}

#bl_info > a {
    font-size: 14px;
}

.po-database-tariff > summary,
.po-pricing-breakdown summary {
    font-size: 16px;
    min-height: 44px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.po-database-tariff table {
    font-size: 14px;
}

.po-database-tariff__content > p,
.po-pricing-breakdown > p,
.po-pricing-result__summary span,
.po-pricing-breakdown__rows span,
.po-pricing-breakdown__rows strong {
    font-size: 14px;
}

@media (max-width: 700px) {
    .switch {
        height: 44px;
        margin: 0 6px;
        width: 44px;
    }

    .switch .slider {
        bottom: 10px;
        top: 10px;
    }

    .switch .slider::before {
        height: 20px;
        width: 20px;
    }

    .switch input:checked + .slider::before {
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@media (max-width: 430px) {
    .po-database-tariff th,
    .po-database-tariff td {
        padding: 8px 4px;
    }
}