:root {
    --gray-color: #f8f4ff;
}

/* week pagination */
ul.week-pagination li.page-item .page-link {
    /* background: #ffffff;  */
    border: 1px solid #ddd !important;
    /* color: #000000; */
    padding: 7px;
    /* font-weight: 500; */
    display: flex;
    flex-direction: column;
    padding: 10px 18px;
    /* background: #c09eff; */
    color: #000000;
}

ul.week-pagination li.page-item.previous-week .page-link {
    border-top-left-radius: 12px; 
    border-bottom-left-radius: 12px;
}

ul.week-pagination li.page-item.next-week .page-link {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

ul.week-pagination li.page-item .page-link:hover {
    background: var(--gray-color);
    color: #000000;
    /* color: var(--main-color-dark-purple) !important; */
}

ul.week-pagination li.page-item.active .page-link {
    /* border: 1px solid var(--week-purple) !important;  */
    /* background: var(--week-purple) !important; */
    color: #000000 !important;
    background: var(--gray-color) !important;
    border: 1px solid #ddd  !important;
    /* background: linear-gradient(90deg, var(--main-color-light-purple), var(--main-color-middle-purple)) !important; */
}

ul.week-pagination li.page-item.disabled .page-link {
    background: var(--gray-color);
}

.week-number {
    color: #000000; 
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.1;
}

ul.week-pagination li.page-item .page-link:hover .week-number {
    /* color: var(--main-color-dark-purple); */
}

ul.week-pagination li.page-item.active .page-link .week-number {
    color: #000000; /* мягкий белый */
    /* font-weight: 600; */
    font-size: 16px;
    line-height: 1.1;
}

.week-year {
    color: #000000; 
    font-size: 14px;
    margin-top: 2px;
}

ul.week-pagination li.page-item.active .page-link .week-year {
    color: #000000; /* более приглушённый */
    font-size: 14px;
    margin-top: 2px;
}

.invisible {
    visibility: hidden;
}