/* Пользовательские стили */

/* Уменьшение размера шрифта для ссылки в блоке text-center на малых экранах */
@media screen and (max-width: 395px) {
    .text-center.mt-4 a.w-btn {
        font-size: 12px !important;
    }
}

/* Убираем margin-left для accordion-button */
#faq .accordion-button::after {
    background-image: url(../Images/icon/faq-2.png);
    margin-left: auto !important;
}

/* Адаптация таблицы SSL-сертификатов для экранов 330-450px */
@media screen and (max-width: 450px) {
    .pricing-table .table {
        font-size: 0.9em !important;
    }
    
    .pricing-table .table th,
    .pricing-table .table td {
        padding: 8px 4px !important;
        word-wrap: break-word;
        hyphens: auto;
    }
    
    .pricing-table .table th:first-child,
    .pricing-table .table td:first-child {
        min-width: 80px;
        font-size: 0.85em;
    }
    
    .pricing-table .table th:nth-child(2),
    .pricing-table .table td:nth-child(2) {
        font-size: 0.8em;
        line-height: 1.3;
    }
    
    .pricing-table .table th:last-child,
    .pricing-table .table td:last-child {
        min-width: 70px;
        font-size: 0.85em;
        white-space: nowrap;
    }
}

@media screen and (max-width: 350px) {
    .pricing-table .table {
        font-size: 0.8em !important;
    }
    
    .pricing-table .table th,
    .pricing-table .table td {
        padding: 6px 3px !important;
    }
    
    .pricing-table .table th:first-child,
    .pricing-table .table td:first-child {
        font-size: 0.8em;
    }
    
    .pricing-table .table th:nth-child(2),
    .pricing-table .table td:nth-child(2) {
        font-size: 0.75em;
    }
    
    .pricing-table .table th:last-child,
    .pricing-table .table td:last-child {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 330px) {
    .pricing-table .table {
        font-size: 0.75em !important;
    }
    
    .pricing-table .table th,
    .pricing-table .table td {
        padding: 5px 2px !important;
    }
    
    .pricing-table .table th:first-child,
    .pricing-table .table td:first-child {
        font-size: 0.75em;
        min-width: 70px;
    }
    
    .pricing-table .table th:nth-child(2),
    .pricing-table .table td:nth-child(2) {
        font-size: 0.7em;
        line-height: 1.2;
    }
    
    .pricing-table .table th:last-child,
    .pricing-table .table td:last-child {
        font-size: 0.75em;
        min-width: 65px;
    }
}


/* Отключаем padding для search-domain на мобильных устройствах */
@media screen and (max-width: 768px) {
    .search-domain {
        padding: 0 !important;
    }
}

/* Отключаем flex-direction: column для search-domain на экранах до 720px */
@media screen and (max-width: 720px) {
    .search-domain {
        flex-direction: row !important;
    }
}


/* Изменяем ширину search-domain на экранах до 640px */
@media screen and (max-width: 640px) {
    .search-domain {
        width: 70% !important;
    }
}

/* Изменяем padding для domain-btn button и b-btn на экранах до 576px */
@media screen and (max-width: 576px) {
    body .domain-btn button, 
    body .b-btn {
        padding: 2px 21px !important;
        width: 100% !important;
        text-align: center !important;
    }
}

/* Отключаем height для search-domain на экранах до 480px */
@media screen and (max-width: 480px) {
    .search-domain {
        height: auto !important;
    }
}

/* Изменяем padding для domain-btn button и b-btn на экранах до 480px */
@media screen and (max-width: 480px) {
    body .domain-btn button, 
    body .b-btn {
        padding: 0px 21px !important;
        width: 100% !important;
        text-align: center !important;
    }
}