/* Pagination Container */
.jecp-pagination {
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

/* Flexbox Layout */
.jecp-pages {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

/* Base Button Styling */
.jecp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    box-sizing: border-box; /* Crucial for border sizing */
    text-decoration: none;
    border-style: solid; /* Allows Elementor border width to work */
}

/* SVG Icon Sizing */
.jecp-btn svg {
    width: 1.1em;
    height: 1.1em;
    fill: currentColor;
    display: inline-block;
    vertical-align: middle;
}

/* Hover State - Handled via Elementor Selectors in PHP */
.jecp-btn:hover:not(:disabled):not(.jecp-active) {
    /* Styles will be injected dynamically from Elementor */
}

/* Active State Logic */
.jecp-btn.jecp-active {
    cursor: default;
    pointer-events: none;
    font-weight: bold;
}

/* Disabled State */
.jecp-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Dots Styling */

.jecp-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px; /* বাটন সাইজের সাথে সামঞ্জস্য রাখতে */
    height: 40px;
    padding: 0 5px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}