/* ==========================================================================
   „POKAŻ WIĘCEJ" (aurora-loadmore)
   Plik: assets/css/components/load-more.css
   ========================================================================== */

.aurora-loadmore {
    display: block;
    margin: 36px auto 10px;
    padding: 14px 40px;
    border: 1px solid var(--aurora-border, #e2e8f0);
    border-radius: 50px;
    background: #fff;
    color: var(--aurora-navy, #1e293b);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all .2s ease;
}
.aurora-loadmore:hover {
    border-color: var(--aurora-accent, #f59e0b);
    background: #fff8ec;
    transform: translateY(-1px);
}
.aurora-loadmore.is-loading {
    color: transparent;
    position: relative;
    pointer-events: none;
}
.aurora-loadmore.is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid rgba(0, 0, 0, .15);
    border-top-color: var(--aurora-accent, #f59e0b);
    border-radius: 50%;
    animation: aurora-loadmore-spin .7s linear infinite;
}
@keyframes aurora-loadmore-spin { to { transform: rotate(360deg); } }