/* ==================================== */
/* 1. БАЗОВЫЕ СТИЛИ СТРАНИЦЫ И ТЕКСТА */
/* ==================================== */

body {
    font-family: 'Montserrat', sans-serif;
    color: #4a4a4a; /* Основной цвет текста - темно-серый, почти черный */
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

/* ==================================== */
/* 2. СТИЛИ ХЕДЕРА (Image 3) */
/* ==================================== */

.is-custom-hero {
    background: linear-gradient(to right, #ff3860, #ff9933);
    padding: 4rem 1.5rem;
    text-align: center;
    color: #ffffff; /* Текст в хедере остается белым по умолчанию */
}

/* ГАРАНТИРУЕМ БЕЛЫЙ ТЕКСТ В ХЕДЕРЕ */
.is-custom-hero .title,
.is-custom-hero .subtitle,
.is-custom-hero h1,
.is-custom-hero p {
    color: #ffffff !important; /* Принудительно белый текст для заголовков и параграфов в хедере */
}

/* ==================================== */
/* 3. ОБЩИЕ ЗАГОЛОВКИ И ПОДЗАГОЛОВКИ */
/* ==================================== */

.title {
    font-weight: 700;
    font-size: 2.5rem;
    color: #4a4a4a; /* Заголовки вне хедера - темно-серые/черные */
}

.subtitle {
    font-size: 1.15rem;
    margin-top: 1rem;
    color: #7a7a7a; /* Подзаголовки вне хедера - серые для контраста */
}

.red-text {
    color: #ff3860; /* Красный акцентный цвет */
}

/* ==================================== */
/* 4. СТИЛИ БЛОКОВ (Секция ЦА) */
/* ==================================== */

/* Блоки Target Audience (должны быть БЕЛЫЕ) */
.box {
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Легкая тень для объема */
    transition: transform 0.2s, box-shadow 0.2s;
    background-color: #ffffff; /* ФОН СТРОГО БЕЛЫЙ */
    color: #4a4a4a; /* ТЕКСТ СТРОГО ЧЕРНЫЙ */
    padding: 2rem;
    border-radius: 8px;
}

.box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.box ul {
    list-style: disc;
    margin-left: 1.5rem; /* Маркеры для списков внутри блоков */
    color: #4a4a4a; /* Гарантируем черный текст списков */
}
.box h3.subtitle {
    color: #4a4a4a; /* Гарантируем черный текст заголовков внутри box */
}


/* ==================================== */
/* 5. СТИЛИ ТАБЛИЦЫ ТАРИФОВ  */
/* ==================================== */

/* ГАРАНТИРУЕМ, что вся таблица БЕЛАЯ, текст ЧЕРНЫЙ, а ГРАНИЦЫ ВИДНЫ */
.table {
    border: 1px solid #dbdbdb; /* Общая внешняя рамка для всей таблицы */
}

.table td,
.table th,
.table tr {
    background-color: #ffffff !important; /* ФОН СТРОГО БЕЛЫЙ */
    color: #4a4a4a !important; /* ТЕКСТ СТРОГО ЧЕРНЫЙ */
    border-color: #dbdbdb !important; /* ГАРАНТИРУЕМ ВИДИМОСТЬ ВСЕХ ГРАНИЦ */
}

.table th {
    background-color: #f5f5f5 !important; /* Светло-серый фон для заголовков */
    color: #4a4a4a !important;
}

/* Сохраняем полосы для is-striped, если используется */
.table.is-striped tbody tr:not(:last-child) {
    background-color: #ffffff;
}
.table.is-striped tbody tr:nth-child(even) {
    background-color: #f5f5f5 !important; /* Фон для четных строк */
}

.table.is-hoverable tbody tr:hover td,
.table.is-hoverable tbody tr:hover th {
    background-color: #f0f0f0 !important;
}

/* ==================================== */
/* 6. СТИЛИ КНОПОК И СЕКЦИЙ */
/* ==================================== */

.button.is-danger {
    background-color: #ff3860;
    border-color: transparent;
    transition: background-color 0.2s;
    color: #ffffff;
}

.button.is-danger:hover {
    background-color: #ff9933; /* Оранжевый при наведении */
}

.section {
    padding: 3rem 1.5rem;
    background-color: #ffffff; /* Убеждаемся, что все секции белые по умолчанию */
}
.section.has-background-light {
    background-color: #f8f8f8; /* Можно использовать очень светлый фон для небольшого контраста, если нужно */
}


/* ==================================== */
/* 7. СТИЛИ ФУТЕРА (Image 2) */
/* ==================================== */

.footer {
    /* Градиентный фон для футера, как на вашем скрине */
    background: linear-gradient(to right, #ff3860, #ff9933);
    padding: 2rem 1.5rem;
    text-align: center;
    color: #ffffff; /* Текст в футере белый */
    /* УДАЛЯЕМ ЛЮБЫЕ ЧЕРНЫЕ ПОЛОСЫ: УБЕДИТЕСЬ, что нет других .footer стилей выше */
    border-top: none !important;
    border-bottom: none !important;
}

/* Если есть отдельный .footer-top или .footer-bottom, тоже убедитесь, что они не черные */


/* ==================================== */
/* 8. ПРОЧИЕ ЭЛЕМЕНТЫ (Изображения, тексты) */
/* ==================================== */

.handshake-image { max-width: 120px; height: auto; margin: 0 2rem; display: block; }
.feature-image { width: 50px; height: 50px; object-fit: contain; margin-bottom: 10px; }
.feature-image-lg { width: 60px; height: 60px; object-fit: contain; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; }

/* Убеждаемся, что весь мелкий текст тоже черный */
.feature-text, .feature-text-lg, .feature-text-small, .stats-text,
.footer-note, .call-to-action, .experience-heading {
    color: #4a4a4a;
}

/* Стили для контактов */
.contact-item .contact-label {
    color: #7a7a7a;
}
.contact-item .contact-value {
    color: #4a4a4a;
}
.contact-item .contact-value a {
    color: #4a4a4a; /* Ссылки контактов тоже черные */
}

/* Удаляем фон у родителя футера, если он там был */
.maximize-business-section + hr + .section.contact-section + hr + .footer-wrapper {
    background-color: #ffffff !important; /* Если футер обернут, очищаем фон */
}