/*
Theme Name: My Custom Theme
Theme URI: https://example.com/my-custom-theme
Author: Твоё Имя
Author URI: https://example.com
Description: Моя собственная тема WordPress с нуля
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mytheme
*/
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap');
/* === Подключение кастомного шрифта === */
@font-face {
  font-family: 'Kobzar KS';
  src: url('../fonts/KobzarKS-Regular.woff2') format('woff2'),
       url('../zatysno/fonts/Kobzar_KS.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap; /* чтобы текст был виден сразу */
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* ==========================================
   ZATYSHNO — ОБЫЧНЫЕ СТРАНИЦЫ (универсальный стиль)
   ========================================== */

.page-section {
    padding: 60px 0;
    background: #fff;
}

.page-section__container {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 16px;
    font-family: "Commissioner", sans-serif;
    color: #2b2b2b;
    line-height: 1.55;
}

/* Заголовок страницы */
.page-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 28px;
    color: #E42890;
}

/* Контент */
.page-section__content {
    font-size: 18px;
}

/* Абзацы */
.page-section__content p {
    margin-bottom: 20px;
}

/* Ссылки */
.page-section__content a {
    color: #E42890;
    text-decoration: none;
    transition: 0.25s;
}
.page-section__content a:hover {
    text-decoration: underline;
    color: #c81f76;
}

/* Заголовки внутри текста */
.page-section__content h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 40px 0 20px;
    color: #383838;
}

.page-section__content h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 28px 0 14px;
    color: #4a4a4a;
}

.page-section__content h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 24px 0 12px;
    color: #555;
}

/* Списки */
.page-section__content ul,
.page-section__content ol {
    padding-left: 24px;
    margin: 20px 0;
}

.page-section__content li {
    margin-bottom: 8px;
    font-size: 18px;
}

/* Blockquote */
.page-section__content blockquote {
    margin: 30px 0;
    padding: 20px 28px;
    background: #ffeff6;
    border-left: 4px solid #E42890;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
}

/* Таблицы */
.page-section__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
}
.page-section__content th,
.page-section__content td {
    border: 1px solid #ececec;
    padding: 14px 18px;
    font-size: 17px;
}
.page-section__content th {
    background: #ffeff6;
    font-weight: 700;
}

/* Картинки */
.page-section__content img {
    max-width: 100%;
    display: block;
    border-radius: 16px;
    margin: 28px auto;
}

/* Кнопки */
.page-section__content .btn,
.page-section__content button,
.page-section__content .btn-primary {
    display: inline-block;
    padding: 14px 28px;
    background: #E42890;
    color: #fff !important;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}
.page-section__content .btn:hover {
    background: #c81f76;
}

/* Боксы информации */
.page-info-box {
    background: #fafafa;
    padding: 22px 26px;
    border-radius: 16px;
    border: 1px solid #ececec;
    margin: 30px 0;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .page-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .page-section {
        padding: 40px 0;
    }
    .page-section__content {
        font-size: 17px;
    }
}