.frontcat-pagination-wrapper{
margin-top: 30px;
display: flex;
justify-content: center;
transition: opacity 0.3s;
}
.frontcat-pagination-wrapper .page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 12px;
margin: 0 4px;
text-decoration: none;
border: 1px solid var(--fc-border-color);
color: var(--fc-text-light);
background-color: var(--fc-container-bg);
border-radius: var(--fc-border-radius);
transition: all 0.2s;
font-weight: 500;
font-size: 14px;
}
.frontcat-pagination-wrapper .page-numbers:hover{
border-color: var(--fc-primary-color);
color: var(--fc-primary-color);
background-color: color-mix(in srgb,var(--fc-primary-color) 10%,transparent);
}
.frontcat-pagination-wrapper .page-numbers.current{
background-color: var(--fc-primary-color);
border-color: var(--fc-primary-color);
color: #fff;
cursor: default;
}
.frontcat-pagination-wrapper .page-numbers.dots{
border-color: transparent;
background-color: transparent;
cursor: default;
}
.frontcat-pagination-wrapper .page-numbers.dots:hover{
color: var(--fc-text-light);
}
.frontcat-pagination-infinite{
margin-top: 30px;
display: flex;
justify-content: center;
width: 100%;
}
.frontcat-pagination-infinite .frontcat-load-more{
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 160px;
padding: 0 16px;
border: 1px solid var(--fc-border-color);
color: var(--fc-text-light);
background-color: var(--fc-container-bg);
border-radius: var(--fc-border-radius);
transition: all 0.2s;
font-weight: 600;
font-size: 14px;
cursor: pointer;
}
.frontcat-pagination-infinite .frontcat-load-more:hover{
border-color: var(--fc-primary-color);
color: var(--fc-primary-color);
background-color: color-mix(in srgb,var(--fc-primary-color) 10%,transparent);
}
.frontcat-pagination-infinite .frontcat-load-more:disabled{
opacity: 0.6;
cursor: default;
}
.frontcat-load-more-sentinel{
width: 100%;
height: 1px;
}
.frontcat-items-grid>.frontcat-empty-state{
grid-column: 1 / -1;
}
.elementor-widget-frontcat_listing_carousel>.elementor-widget-container,
.elementor-widget[data-widget_type^="frontcat_listing_carousel."]>.elementor-widget-container,
.elementor-widget-frontcat_listing_carousel .frontcat-listing-wrapper.frontcat-carousel-widget,
.elementor-widget[data-widget_type^="frontcat_listing_carousel."] .frontcat-listing-wrapper.frontcat-carousel-widget{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}