/* Сторінка «Пасти Meeldi та Deeppi» — мінімум власних стилів, Bootstrap для верстки */

/* Фон сторінки */
.pastes-page-body {
    background-color: #f5f5f7;
}

/* Обмеження ширини контенту */
.pastes-article {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Чорний текст (перебиває глобальні стилі лише в межах сторінки) */
.pastes-article,
.pastes-article p,
.pastes-article li,
.pastes-article h1,
.pastes-article h2,
.pastes-article strong {
    color: #000;
}

/* Списки з булетами (Bootstrap list-unstyled їх прибирає; тут відновлюємо для звичайних ul) */
.pastes-article ul:not(.list-unstyled) {
    padding-left: 1.5rem;
}

.pastes-article ul:not(.list-unstyled) li {
    display: list-item;
    list-style: disc;
}

/* Список зон з іконками — без булета, flex */
.pastes-article .pastes-zones {
    list-style: none;
    padding-left: 0;
}

.pastes-article .pastes-zones li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pastes-article .pastes-zones__icon {
    font-size: 1.25rem;
    color: #2d7a3e;
    flex-shrink: 0;
}

/* Картинки паст у блоках Meeldi/Deeppi */
.pastes-article .pastes-paste-img {
    max-height: 200px;
    width: auto;
    object-fit: contain;
    align-self: flex-start;
}

/* Primary кнопки: жовта тема */
.pastes-article .btn-primary,
.pastes-article .btn-primary:hover,
.pastes-article .btn-primary:focus,
.pastes-article .btn-primary:focus-visible,
.pastes-article .btn-primary:active {
    background-color: #f9b101 !important;
    border-color: #f9b101 !important;
    color: #292929 !important;
    box-shadow: 0 0 0 0.25rem rgba(249, 177, 1, 0.25) !important;
}
.pastes-article .btn-primary:hover {
    background-color: #e0a000 !important;
    border-color: #e0a000 !important;
}