/* ==========================================================
   Webmala - AJAX Pagination & Infinite Scroll Styles
   ========================================================== */

   .wml-pagination {
    text-align: center;
    padding: 2rem 1rem;
   }

    .wml-pagination ul.page-numbers {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 5px;
   }

   .wml-pagination ul.page-numbers li {
    border: 1px solid gray;
    border-radius: 3px;
    min-width: 30px;
   }

   .wml-pagination ul.page-numbers li:has(a):hover {
    background-color: lightgray;
    border: 1px solid lightgray;
   }

   .wml-pagination ul.page-numbers li .page-numbers {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 3px 5px;
   }

   .wml-pagination ul.page-numbers li:hover .page-numbers:not(.current) {
    color: red;
   }

/* ----------------------------------------------------------
   Load More Button
   ---------------------------------------------------------- */
.wml-load-more {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
    border: 3px solid green;
    background-color: red;
}

.wml-load-more.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* ----------------------------------------------------------
   Infinite Scroll Trigger
   ---------------------------------------------------------- */
.wml-infinite-scroll {
    height: 1px; /* Invisible scroll target */
}