/*
 * ADRESSOK — SEO Report Checks
 * Оформление результатов проверок.
 * Без изменения PHP и JavaScript.
 */

/* Контейнеры разделов */

.wr-report-page .category-wrapper {
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #dfe7f3;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(20, 50, 95, .045);
    overflow: visible;
}

/* Каждая проверка — отдельная строка */

.wr-report-page .category-wrapper .row-advice {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 6px 0 !important;
    padding: 18px 17px !important;
    border: 1px solid #e3eaf3 !important;
    border-left: 4px solid #94a3b8 !important;
    border-radius: 11px;
    background: #fff !important;
    color: #243753;
    box-shadow: none;
}

/* Статусы */

.wr-report-page .category-wrapper .row-advice-success {
    border-left-color: #16a56c !important;
    background: #fbfefd !important;
}

.wr-report-page .category-wrapper .row-advice-warning {
    border-left-color: #e6a52d !important;
    background: #fffefa !important;
}

.wr-report-page .category-wrapper .row-advice-error {
    border-left-color: #e25d65 !important;
    background: #fffafb !important;
}

/* Нейтральные проверки */

.wr-report-page .category-wrapper .row-advice-info,
.wr-report-page .category-wrapper .row-advice-default {
    border-left-color: #94a3b8 !important;
}

/* Убираем старую сплошную заливку вложенных колонок */

.wr-report-page .category-wrapper .row-advice > [class*="col-"] {
    background: transparent;
    min-width: 0;
}

/* Заголовок проверки */

.wr-report-page .category-wrapper .row-advice .lead {
    margin: 0 0 6px;
    color: #142c50;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 800;
}

/* Значок статуса */

.wr-report-page .row-advice .adv-icon {
    flex-shrink: 0;
    transform: scale(.82);
    transform-origin: center;
}

/* Основной текст */

.wr-report-page .category-wrapper .row-advice p {
    color: #465c79;
    font-size: 13px;
    line-height: 1.75;
    margin-bottom: 9px;
}

.wr-report-page .category-wrapper .row-advice p:last-child {
    margin-bottom: 0;
}

/* Ссылки и важные значения */

.wr-report-page .category-wrapper .row-advice a {
    color: #2563eb;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.wr-report-page .category-wrapper .row-advice a:hover {
    text-decoration: underline;
}

.wr-report-page .category-wrapper .row-advice strong {
    color: #1d3557;
    font-weight: 750;
}

/* Вложенные таблицы оставляем полноценными */

.wr-report-page .category-wrapper .row-advice .table-responsive {
    max-width: 100%;
    margin: 12px 0;
    background: #fff;
    border: 1px solid #e3eaf3;
    border-radius: 9px;
    overflow-x: auto;
}

.wr-report-page .category-wrapper .row-advice table {
    margin-bottom: 0;
    width: 100%;
}

.wr-report-page .category-wrapper .row-advice th {
    background: #f0f5fc;
    color: #29456a;
}

.wr-report-page .category-wrapper .row-advice td {
    background: #fff;
}

/* Списки заголовков H1–H6 и ключевых слов */

.wr-report-page .category-wrapper .row-advice ul {
    padding-left: 21px;
    margin-bottom: 10px;
}

.wr-report-page .category-wrapper .row-advice li {
    margin-bottom: 6px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* Кнопки подробностей */

.wr-report-page .category-wrapper .row-advice .btn {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}

/* Адаптивность */

@media (max-width: 767px) {
    .wr-report-page .category-wrapper {
        padding: 7px;
    }

    .wr-report-page .category-wrapper .row-advice {
        display: block;
        margin: 5px 0 !important;
        padding: 14px 11px !important;
    }

    .wr-report-page .category-wrapper .row-advice .lead {
        font-size: 14px;
    }

    .wr-report-page .category-wrapper .row-advice p {
        font-size: 12px;
    }
}