.main-prozorro-content {
    margin-top: 30px;
}
.grid {
    display: grid;
    gap: 16px; /* Відстань між елементами */
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Адаптивні колонки */

}

@media screen and (min-width: 1920px) {
    .grid {
        grid-template-columns: repeat(6, 1fr); /* 6 колонок на великих екранах */
        align-items: stretch;
    }
}

.grid-item {
    background-color: #f5f5f5; /* Сірий фон для наочності */
    padding: 16px; /* Внутрішній відступ */
    text-align: center;
    border: 1px solid #ccc; /* Сіра рамка */
    border-radius: 4px; /* Округлі кути */
}
article.wsc_prozorro {
    padding: 20px;
    display: flex;
    flex-direction: column;  /* Елементи всередині item будуть розташовані вертикально */
    justify-content: space-between;  /* Розтягуємо елементи так, щоб кнопка була внизу */
    height: 100%;  /* Дозволяємо елементам розтягуватись по висоті */
    border-bottom: 2px solid yellow;
}
article.wsc_prozorro h2 {
    text-transform: lowercase;
}
article.wsc_prozorro h2:first-letter {
    text-transform: uppercase;
}
.description {
    /*margin: 20px;*/
}
.btn-download {
    display: inline-block; /* Кнопка по довжині тексту */
    padding: 4px 8px; /* Відступи по 3px з кожного боку */
    background-color: #007bff; /* Колір фону (можна змінити) */
    color: white; /* Колір тексту */
    font-size: 16px; /* Розмір шрифту */
    text-align: center; /* Текст по центру */
    border: none; /* Без рамки */
    border-radius: 4px; /* Округлені кути */
    cursor: pointer; /* Курсор у вигляді руки */
    text-decoration: none; /* Без підкреслення для лінків */
    transition: background-color 0.3s ease; /* Анімація при наведенні */
    margin: 8px 0; /* Відступ зверху і знизу */
}

.btn-download:hover {
    background-color: #0056b3; /* Зміна кольору на наведенні */
    color: yellow; /* Колір тексту */
}
.prozorro_pagination {
    display: flex;
    justify-content: center; /* Центрування по горизонталі */
    align-items: center; /* Центрування по вертикалі */
    margin: 20px 0; /* Відступи зверху та знизу */
}

.prozorro_pagination a,
.prozorro_pagination span {
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    color: #333; /* Колір тексту */
    background-color: #f1f1f1; /* Колір фону */
    border: 1px solid #ddd; /* Обвідка */
    border-radius: 5px;
    margin: 0 5px; /* Відступи між елементами пагінації */
    transition: background-color 0.3s, color 0.3s;
}
.prozorro_pagination a:visited
{
    color: #333;
}
.prozorro_pagination a:hover {
    background-color: #007bff; /* Зміна кольору фону при наведенні */
    color: white; /* Зміна кольору тексту при наведенні */
}

.prozorro_pagination .current {
    background-color: #007bff; /* Колір фону для активної сторінки */
    color: white; /* Колір тексту для активної сторінки */
    font-weight: bold; /* Виділення активної сторінки */
}

.prozorro_pagination .next {
    background-color: #007bff;
    font-weight: bold; /* Виділення кнопки "Вперед" */
}
.prozorro_pagination .next:visited{
    color: white;

}
.prozorro_pagination a.disabled,
.prozorro_pagination .disabled {
    color: #ccc; /* Колір для непрацюючих кнопок */
    cursor: not-allowed; /* Курсор при наведенні на непрацюючу кнопку */
}

.prozorro_pagination .next {
    padding: 3px 10px; /* Більший відступ для кнопки "Вперед" */
}
/**
    list of years
 */
.archive-year-list {
    display: flex;
    margin-bottom: 20px;

}
.archive-year-list > h2 {
    margin: 0;
}
.archive-year-list ul {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 5px;

}
.archive-year-list ul > li {

    padding: 0 5px;
}
.archive-year-list ul > li > a,
.archive-year-list ul > li > a:visited{
    color: #333;
    font-weight: bold;
}