/* Universal styling for all pagination components */
.ere-pagination ul.page-numbers,
.realhomes-pagination ul.page-numbers,
.elementor-pagination ul.page-numbers,
ul.page-numbers.pagination,
.page-numbers.pagination {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
    justify-content: center !important;
    gap: 5px !important;
    align-items: center !important;
    font-family: inherit !important;
}

.ere-pagination ul.page-numbers li,
.realhomes-pagination ul.page-numbers li,
.elementor-pagination ul.page-numbers li,
ul.page-numbers.pagination li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* Base button style (gray background, dark text) */
.ere-pagination ul.page-numbers a,
.ere-pagination ul.page-numbers span,
.realhomes-pagination ul.page-numbers a,
.realhomes-pagination ul.page-numbers span,
.elementor-pagination ul.page-numbers a,
.elementor-pagination ul.page-numbers span,
ul.page-numbers.pagination a,
ul.page-numbers.pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 15px !important;
    background-color: #e2e2e2 !important;
    color: #444444 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 0 !important; /* Flat boxy edges */
    border: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    box-sizing: border-box !important;
}

/* Active Page Button (Dark blue background, white text) */
.ere-pagination ul.page-numbers span.current,
.ere-pagination ul.page-numbers a.current,
.ere-pagination ul.page-numbers .active,
.realhomes-pagination ul.page-numbers span.current,
.realhomes-pagination ul.page-numbers a.current,
.realhomes-pagination ul.page-numbers .active,
.elementor-pagination ul.page-numbers span.current,
.elementor-pagination ul.page-numbers a.current,
.elementor-pagination ul.page-numbers .active,
ul.page-numbers.pagination span.current,
ul.page-numbers.pagination a.current,
ul.page-numbers.pagination .active {
    background-color: #2b427c !important; /* Ethiopian Properties dark blue theme color */
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Hover effect */
.ere-pagination ul.page-numbers a:hover,
.realhomes-pagination ul.page-numbers a:hover,
.elementor-pagination ul.page-numbers a:hover,
ul.page-numbers.pagination a:hover {
    background-color: #d0d0d0 !important;
    color: #111111 !important;
}