/* styles/privacy&terms.css */

/* Базові стилі для цієї окремої сторінки */
body {
    font-family: 'Ubuntu', sans-serif; /* Використовуємо шрифт сайту */
    line-height: 1.6; /* Міжрядковий інтервал для читабельності */
    color: #333; /* Колір основного тексту */
    margin: 0;
    padding: 20px 0; /* Відступи зверху/знизу для всього вмісту */
    background-color: #f8f8f8; /* Фон як на сайті */
    word-wrap: break-word; /* Забезпечуємо перенос довгих слів */
    overflow-wrap: break-word;
}

.container {
    /* Використовуємо схожий контейнер для обмеження ширини та центрування */
    max-width: 800px; /* Обмежуємо ширину контенту для зручності читання довгих текстів */
    margin: 0 auto; /* Центруємо блок контейнера на сторінці */
    padding: 0 15px; /* Горизонтальні відступи на маленьких екранах та по краях */
    text-align: left; /* Вирівнюємо текст по лівому краю всередині центрованого блоку */
}

/* Стилі для заголовків */
h1, h2, h3, h4, h5, h6 { /* Додано всі рівні заголовків для повноти */
    color: #333; /* Колір заголовків */
    margin-top: 1.5em; /* Відступ зверху */
    margin-bottom: 0.8em; /* Відступ знизу */
    line-height: 1.2; /* Менша висота рядка для заголовків */
}

h1 {
    font-size: 2.2em; /* Розмір головного заголовка */
    text-align: center; /* Центруємо головний заголовок */
    margin-bottom: 1em; /* Збільшимо відступ під головним заголовком */
}

h2 {
    font-size: 1.8em; /* Розмір підзаголовків */
    border-bottom: 1px solid #eee; /* Лінія під підзаголовками */
    padding-bottom: 5px; /* Відступ під текстом до лінії */
}

h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }


p {
    margin-bottom: 1em; /* Відступ між параграфами */
}

/* Стилі для списків (ul, ol) */
ul, ol {
    margin-bottom: 1em; /* Відступ після списку */
    margin-left: 20px; /* Відступ зліва для маркерів/нумерації */
    padding-left: 0; /* Обнуляємо стандартний внутрішній padding */
    list-style-position: outside; /* Розташування маркерів/нумерації поза блоком тексту */
}

li {
    margin-bottom: 0.5em; /* Відступ між елементами списку */
}

/* Стилізація посилань всередині контенту */
.container a {
    color: #088484; /* Основний бірюзовий колір для посилань */
    text-decoration: none; /* Прибираємо стандартне підкреслення */
    transition: color 0.3s ease, text-decoration 0.3s ease; /* Плавна анімація при наведенні */
}

/* Стилі для контейнера кнопки "Повернутися на головну" */
.back-button-container {
    text-align: center; /* Центруємо кнопку */
    margin-top: 40px; /* Більший відступ зверху */
    margin-bottom: 20px; /* Відступ знизу */
}

/* Стилі для кнопки "Повернутися на головну" (<a> елемент) */
.back-button {
    display: inline-block; /* Робимо елемент inline-block */
    padding: 10px 20px; /* Внутрішні відступи (підібрано схоже на скріншот) */
    background-color: white; /* Білий фон кнопки */
    color: var(--primary-turquoise); /* Колір тексту (бірюзовий) */
    border: 1px solid var(--primary-turquoise); /* Межа кнопки (бірюзова) */
    border-radius: var(--button-border-radius); /* Заокруглення кутів */
    text-decoration: none; /* Прибираємо підкреслення */
    font-size: 1em; /* Розмір шрифту */
    font-weight: bold; /* Жирний шрифт */
    cursor: pointer; /* Курсор при наведенні */
    /* Плавні анімації для фону, кольору тексту та кольору межі */
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}