.ft-elementor-pagination-widget {
    width: 100%;
}

.ft-elementor-pagination-widget.is-hidden {
    display: none;
}

.ft-elementor-pagination-widget .ft-pagination-wrap {
    display: flex;
    width: 100%;
}

.ft-elementor-pagination-widget .ft-pagination {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.ft-elementor-pagination-widget .ft-pagination .ft-pagination-pages {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.ft-elementor-pagination-widget .ft-pagination .ft-page-button,
.ft-elementor-pagination-widget .ft-pagination .ft-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 56px;
    height: 56px;
    padding: 0 14px;
    border: 1px solid #d5dbe3;
    border-radius: 10px;
    background-color: #ffffff;
    color: #6d7785;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.ft-elementor-pagination-widget .ft-pagination .ft-page-button:hover,
.ft-elementor-pagination-widget .ft-pagination .ft-nav-button:hover {
    background-color: #f9fbfc;
    border-color: #c8d1dc;
}

.ft-elementor-pagination-widget .ft-pagination .ft-page-button.is-active {
    background-color: #fff5f0;
    border-color: #d15b2c;
    color: #d15b2c;
}

.ft-elementor-pagination-widget .ft-pagination .ft-nav-button.is-disabled {
    background-color: #e7ebf0;
    border-color: #d0d6de;
    color: #8e98a5;
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.ft-elementor-pagination-widget .ft-pagination .ft-pagination-ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    color: #8f98a7;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 1px;
}

.ft-elementor-pagination-widget .ft-pagination .ft-pagination-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 16px;
}

.ft-elementor-pagination-widget .ft-pagination .ft-pagination-icon i,
.ft-elementor-pagination-widget .ft-pagination .ft-pagination-icon svg {
    width: 1em;
    height: 1em;
    display: block;
}

.ft-elementor-pagination-widget.is-loading .ft-pagination {
    opacity: 0.65;
}

@media (max-width: 767px) {
    .ft-elementor-pagination-widget .ft-pagination {
        gap: 10px;
    }

    .ft-elementor-pagination-widget .ft-pagination .ft-pagination-pages {
        gap: 10px;
    }

    .ft-elementor-pagination-widget .ft-pagination .ft-page-button,
    .ft-elementor-pagination-widget .ft-pagination .ft-nav-button {
        min-width: 44px;
        height: 44px;
        font-size: 16px;
        padding: 0 10px;
    }
}

/* Native Elementor pagination skin (Loop Grid / Posts) */
.elementor-widget-loop-grid .e-loop__pagination,
.elementor-widget-loop-grid .elementor-pagination,
.elementor-widget-posts .e-loop__pagination,
.elementor-widget-posts .elementor-pagination,
.elementor-widget-archive-posts .e-loop__pagination,
.elementor-widget-archive-posts .elementor-pagination,
.elementor-widget-portfolio .e-loop__pagination,
.elementor-widget-portfolio .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
}

.elementor-widget-loop-grid .e-loop__pagination ul,
.elementor-widget-loop-grid .elementor-pagination ul,
.elementor-widget-posts .e-loop__pagination ul,
.elementor-widget-posts .elementor-pagination ul,
.elementor-widget-archive-posts .e-loop__pagination ul,
.elementor-widget-archive-posts .elementor-pagination ul,
.elementor-widget-portfolio .e-loop__pagination ul,
.elementor-widget-portfolio .elementor-pagination ul {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.elementor-widget-loop-grid .e-loop__pagination .page-numbers,
.elementor-widget-loop-grid .elementor-pagination .page-numbers,
.elementor-widget-posts .e-loop__pagination .page-numbers,
.elementor-widget-posts .elementor-pagination .page-numbers,
.elementor-widget-archive-posts .e-loop__pagination .page-numbers,
.elementor-widget-archive-posts .elementor-pagination .page-numbers,
.elementor-widget-portfolio .e-loop__pagination .page-numbers,
.elementor-widget-portfolio .elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 56px;
    padding: 0 14px;
    border: 1px solid #d5dbe3;
    border-radius: 10px;
    background-color: #ffffff;
    color: #6d7785;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    box-sizing: border-box;
}

.elementor-widget-loop-grid .e-loop__pagination a.page-numbers:hover,
.elementor-widget-loop-grid .elementor-pagination a.page-numbers:hover,
.elementor-widget-posts .e-loop__pagination a.page-numbers:hover,
.elementor-widget-posts .elementor-pagination a.page-numbers:hover,
.elementor-widget-archive-posts .e-loop__pagination a.page-numbers:hover,
.elementor-widget-archive-posts .elementor-pagination a.page-numbers:hover,
.elementor-widget-portfolio .e-loop__pagination a.page-numbers:hover,
.elementor-widget-portfolio .elementor-pagination a.page-numbers:hover {
    background-color: #f9fbfc;
    border-color: #c8d1dc;
    color: #4f5b6d;
}

.elementor-widget-loop-grid .e-loop__pagination .page-numbers.current,
.elementor-widget-loop-grid .elementor-pagination .page-numbers.current,
.elementor-widget-posts .e-loop__pagination .page-numbers.current,
.elementor-widget-posts .elementor-pagination .page-numbers.current,
.elementor-widget-archive-posts .e-loop__pagination .page-numbers.current,
.elementor-widget-archive-posts .elementor-pagination .page-numbers.current,
.elementor-widget-portfolio .e-loop__pagination .page-numbers.current,
.elementor-widget-portfolio .elementor-pagination .page-numbers.current {
    background-color: #fff5f0;
    border-color: #d15b2c;
    color: #d15b2c;
    cursor: default;
}

.elementor-widget-loop-grid .e-loop__pagination .page-numbers.dots,
.elementor-widget-loop-grid .elementor-pagination .page-numbers.dots,
.elementor-widget-posts .e-loop__pagination .page-numbers.dots,
.elementor-widget-posts .elementor-pagination .page-numbers.dots,
.elementor-widget-archive-posts .e-loop__pagination .page-numbers.dots,
.elementor-widget-archive-posts .elementor-pagination .page-numbers.dots,
.elementor-widget-portfolio .e-loop__pagination .page-numbers.dots,
.elementor-widget-portfolio .elementor-pagination .page-numbers.dots {
    min-width: 28px;
    border: none;
    background: none;
    color: #8f98a7;
    font-size: 22px;
    letter-spacing: 1px;
    cursor: default;
}

.elementor-widget-loop-grid .e-loop__pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-loop-grid .e-loop__pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-loop-grid .elementor-pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-loop-grid .elementor-pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-posts .e-loop__pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-posts .e-loop__pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-posts .elementor-pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-posts .elementor-pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-archive-posts .e-loop__pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-archive-posts .e-loop__pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-archive-posts .elementor-pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-archive-posts .elementor-pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-portfolio .e-loop__pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-portfolio .e-loop__pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-portfolio .elementor-pagination .page-numbers.prev[aria-disabled="true"],
.elementor-widget-portfolio .elementor-pagination .page-numbers.next[aria-disabled="true"],
.elementor-widget-loop-grid .e-loop__pagination span.page-numbers.prev,
.elementor-widget-loop-grid .e-loop__pagination span.page-numbers.next,
.elementor-widget-loop-grid .elementor-pagination span.page-numbers.prev,
.elementor-widget-loop-grid .elementor-pagination span.page-numbers.next,
.elementor-widget-posts .e-loop__pagination span.page-numbers.prev,
.elementor-widget-posts .e-loop__pagination span.page-numbers.next,
.elementor-widget-posts .elementor-pagination span.page-numbers.prev,
.elementor-widget-posts .elementor-pagination span.page-numbers.next,
.elementor-widget-archive-posts .e-loop__pagination span.page-numbers.prev,
.elementor-widget-archive-posts .e-loop__pagination span.page-numbers.next,
.elementor-widget-archive-posts .elementor-pagination span.page-numbers.prev,
.elementor-widget-archive-posts .elementor-pagination span.page-numbers.next,
.elementor-widget-portfolio .e-loop__pagination span.page-numbers.prev,
.elementor-widget-portfolio .e-loop__pagination span.page-numbers.next,
.elementor-widget-portfolio .elementor-pagination span.page-numbers.prev,
.elementor-widget-portfolio .elementor-pagination span.page-numbers.next {
    background-color: #e7ebf0;
    border-color: #d0d6de;
    color: #8e98a5;
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.elementor-widget-loop-grid.is-loading .e-loop__pagination,
.elementor-widget-loop-grid.is-loading .elementor-pagination,
.elementor-widget-posts.is-loading .e-loop__pagination,
.elementor-widget-posts.is-loading .elementor-pagination,
.elementor-widget-archive-posts.is-loading .e-loop__pagination,
.elementor-widget-archive-posts.is-loading .elementor-pagination,
.elementor-widget-portfolio.is-loading .e-loop__pagination,
.elementor-widget-portfolio.is-loading .elementor-pagination {
    opacity: 0.65;
}

@media (max-width: 767px) {
    .elementor-widget-loop-grid .e-loop__pagination,
    .elementor-widget-loop-grid .elementor-pagination,
    .elementor-widget-posts .e-loop__pagination,
    .elementor-widget-posts .elementor-pagination,
    .elementor-widget-archive-posts .e-loop__pagination,
    .elementor-widget-archive-posts .elementor-pagination,
    .elementor-widget-portfolio .e-loop__pagination,
    .elementor-widget-portfolio .elementor-pagination {
        gap: 10px;
    }

    .elementor-widget-loop-grid .e-loop__pagination ul,
    .elementor-widget-loop-grid .elementor-pagination ul,
    .elementor-widget-posts .e-loop__pagination ul,
    .elementor-widget-posts .elementor-pagination ul,
    .elementor-widget-archive-posts .e-loop__pagination ul,
    .elementor-widget-archive-posts .elementor-pagination ul,
    .elementor-widget-portfolio .e-loop__pagination ul,
    .elementor-widget-portfolio .elementor-pagination ul {
        gap: 10px;
    }

    .elementor-widget-loop-grid .e-loop__pagination .page-numbers,
    .elementor-widget-loop-grid .elementor-pagination .page-numbers,
    .elementor-widget-posts .e-loop__pagination .page-numbers,
    .elementor-widget-posts .elementor-pagination .page-numbers,
    .elementor-widget-archive-posts .e-loop__pagination .page-numbers,
    .elementor-widget-archive-posts .elementor-pagination .page-numbers,
    .elementor-widget-portfolio .e-loop__pagination .page-numbers,
    .elementor-widget-portfolio .elementor-pagination .page-numbers {
        min-width: 44px;
        height: 44px;
        font-size: 16px;
        padding: 0 10px;
    }
}