/* СТОРІНКА */
.calendar_block_mobile {
    display: none;
    margin: auto;
    max-width: 320px;
    border-bottom: 1px solid #979494;
}

.articles_list_wrapper .date_row {
    padding: 2px 12px 0 12px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 20px;
}

.articles_list_wrapper .date_row a{
    color: #b52926;
}
.articles_list_wrapper .date_row a:hover{
    opacity: .8;
}

@media screen and (max-width: 648px) {
    h1 .jc-right, h1 .jc-left {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 972px) {
    .calendar_block_mobile {
        display: block;
    }
}



/* КАЛЕНДАРИК */
.highlight-date {
    background-color: #b52926 !important;
    color: #fff !important;
    border-radius: 100%;
}

.fc td, .fc th {
  border-style: none!important;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: .2em!important;
}

/* Фон календаря */
#calendar {
    background-color: #fff; /* Білий фон */
    color: #000; /* Чорний текст */
    padding: 10px;
    border-radius: 5px;
}

/* Панель інструментів */
.fc .fc-toolbar {
    background-color: #fff;
    border: none;
}

/* Кнопка заголовка (назва місяця) */
.fc-customTitle-button {
    background: none !important;
    border: none !important;
    pointer-events: auto;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: bold;
    color: #000; /* Чорний текст */
}

.fc-customTitle-button:hover {
    color: #b52926; /* Червоний колір при наведенні */
    text-decoration: underline;
}

/* Кнопки навігації */
.fc .fc-button {
    background-color: #fff; /* Білий фон кнопок */
    border: 1px solid #ccc;
    color: #000; /* Чорний текст */
}

.fc .fc-button:hover {
    background-color: #f0f0f0;
    color: #b52926; /* Червоний текст при наведенні */
}

.fc .fc-button:disabled {
    background-color: #eee;
    color: #aaa;
}

/* Дні тижня */
.fc .fc-col-header-cell {
    background-color: #f9f9f9;
    color: #000;
    padding: 10px;
}

/* Сітка календаря */
.fc .fc-daygrid-day {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    color: #000;
}

/* Дні з подіями або статтями */
.fc .fc-daygrid-day.fc-day-with-event {
    background-color: #fff;
}

/* Сьогоднішній день та активні дні */
.fc .fc-day-today,
.fc .fc-daygrid-day.fc-day-selected {
    background-color: #b52926 !important; /* Червоний фон */
    color: #fff !important; /* Білий текст для контрасту */
}

/* Виділення при наведенні на дні */
.fc .fc-daygrid-day:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}

/* Номер дня */
.fc .fc-daygrid-day-number {
    color: #000;
}
.fc .fc-daygrid-day:not(.fc-day-today):hover .fc-daygrid-day-number {
    color: #b52926;
}

/* Спливаючі підказки (якщо є) */
.fc .fc-popover {
    background-color: #fff;
    color: #000;
    border: 1px solid #b52926;
}



.fc,
.fc .fc-scrollgrid,
.fc .fc-scrollgrid-liquid,
.fc .fc-theme-standard .fc-scrollgrid {
    border: none;
    box-shadow: none;
}



/* Збільшуємо розмір шрифту назви місяця */
.fc-customTitle-button {
    font-size: 1.3em!important;
    font-weight: bold!important;
}


/* Прибираємо лінії між тижнями */
.fc .fc-scrollgrid {
    border-collapse: collapse;
}

.fc .fc-scrollgrid-section > table {
    border: none;
    box-shadow: none;
}

/* Додатково прибираємо границі у таблиці */
.fc .fc-scrollgrid,
.fc .fc-scrollgrid-section > table {
    border-top: none;
    border-bottom: none;
}



/* Стилі для забезпечення квадратних клітинок */
.fc .fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
    height: 0;
    padding-bottom: 100%; /* Висота дорівнює ширині */
    position: relative;
}

.fc .fc-daygrid-day-top {
    position: absolute;
    top: 0;
    width: 100%;
}


/* Прибираємо обводку та фон з кнопок prev та next */
.fc .fc-prev-button,
.fc .fc-next-button {
    background: none;
    border: none;
    box-shadow: none;
    color: inherit;
    padding: 0;
    cursor: pointer;
}

/* Прибираємо фон та зміну кольору при наведенні та натисканні */
.fc .fc-prev-button:hover,
.fc .fc-next-button:hover,
.fc .fc-prev-button:active,
.fc .fc-next-button:active {
    background: none;
    color: inherit;
}

/* Налаштовуємо іконки кнопок */
.fc .fc-prev-button .fc-icon,
.fc .fc-next-button .fc-icon {
    font-size: 1.5em;
}

/* Прибираємо фокус та фон з назви місяця */
.fc-customTitle-button {
    outline: none;
    background: none;
    cursor: pointer;
}

.fc-customTitle-button:focus,
.fc-customTitle-button:active,

.fc-button-primary:focus,
.fc-button-primary:active
 {
    box-shadow: none!important;
}


/* Центруємо номер дня */
.fc .fc-daygrid-day-top {
    flex: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fc .fc-daygrid-day-number {
    margin: auto;
}