/* Main Pagination container styling */
.custom-date-navigation {
    text-align: center;
    font-family: Arial, sans-serif;
    margin-bottom: 20px;
}

/* Spacing between sections */
.pager,
.custom-date-navigation .months,
.custom-date-navigation .years {
    margin: 15px 0;
    text-align:center;
}

/* General button/link styling */
.pager a,
.pager span,
.custom-date-navigation .years a,
.custom-date-navigation .months a {
    display: inline-block;
    margin: 5px;
    padding: 5px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #333;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #ececec;
}

/* Current active pagination number */
.pager span.current {
    background: #f39c12 !important;
    color: #fff !important;
    border-color: #e67e22 !important;
}

/* Hover states for pagination links */
.pager a:hover,
.custom-date-navigation .months a:hover,
.custom-date-navigation .years a:hover {
    background-color: #f39c12 !important;
    color: #fff !important;
}

/* Active year/month highlighting */
.custom-date-navigation .years a.active-year,
.custom-date-navigation .months a.active-month {
    background: #f39c12 !important;
    color: #ffffff !important;
    border-color: #e67e22 !important;
}