/* Доступність: контраст тексту і розміри зон натискання.
   Перевірено axe-core (правила color-contrast і target-size) на десктопі й
   мобільному. Кольори підібрані як найменша зміна фірмового відтінку, яка
   дає потрібне співвідношення — 4,5:1 для звичайного тексту і 3:1 для великого. */

/* Бірюзовий #35B6B2 під білим текстом давав лише 2,5:1. Трохи глибший
   відтінок того ж тону дає 4,5:1, а на око різниця майже непомітна. */
.main-btn,
button.main-btn,
input[type="submit"].main-btn,
.hover-box .label,
a.archive-item.first-post .label,
.image-label {
    background: #268380;
}

/* Перемикач мов: світло-бірюзовий на білому читався як 2,5:1. */
.wpml-ls-native,
.wpml-ls-legacy-list-horizontal a {
    color: var(--accent);
}

/* Посилання в тексті статей: #56cddd на білому давав 1,9:1. Відтінок трохи
   темніший за фірмовий, щоб вистачало і на світло-сірих смугах (#f2f7f7). */
.content-container a:not(.main-btn):not(.header-parent),
.post-full-content a:not(.main-btn) {
    color: #19717d;
}

/* Дрібні посилання у футері: білий із прозорістю 0.5 давав 2,5:1.
   Заразом зона натискання: було 17 px заввишки, потрібно щонайменше 24 px. */
.col-6.copyright-links p,
.col-6.copyright-links a {
    opacity: 0.95;
}

.col-6.copyright-links a {
    display: inline-block;
    padding: 4px 0;
}

/* Надзаголовок над H1: приглушений білий на тлі шапки. Прозорість 0.3 давала
   1,8:1. На десктопі напис великий (34 px), тож достатньо 3:1 — 0.75 дає 3,7:1
   і зберігає приглушений вигляд. На мобільному він 20 px і міряється як
   звичайний текст, тому там потрібна майже повна непрозорість. */
.col-6.header-title .header-parent {
    opacity: 0.75;
}

@media (max-width: 1000px) {
    .col-6.header-title .header-parent {
        opacity: 0.95;
    }
}

/* Заголовки й текст у секціях із темним тлом (клас додає happydent_dark_row). */
.hd-dark-row h1,
.hd-dark-row h2,
.hd-dark-row h3,
.hd-dark-row h4 {
    color: #9fd3d9;
}

.hd-dark-row .contact-title p,
.hd-dark-row p {
    color: #d3e8ea;
}

/* Форма запису у футері: підпис «Vyplňte údaje nižšie» фірмовим кольором на
   майже чорному тлі давав 2,6:1. */
.col-7.contact-form .contact-title p {
    color: #6fc3cc;
}