/**
 * BD Load More — button styles
 * Intentionally minimal: inherits from theme, easy to override.
 */

.bdlm-wrap {
    display: flex;
    justify-content: center;
    padding: 2rem 0 1rem;
}

/* ── Button ── */
.bdlm-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 2rem;
    border: 2px solid currentColor;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .2s, color .2s, opacity .2s;
    border-radius: 4px;
}

.bdlm-btn:hover:not(:disabled) {
    background: currentColor;
}

.bdlm-btn:hover:not(:disabled) .bdlm-btn__text {
    color: #fff;
    mix-blend-mode: difference; /* works on light and dark backgrounds */
}

.bdlm-btn:disabled {
    opacity: .55;
    cursor: default;
}

/* ── Spinner ── */
.bdlm-btn__spinner {
    display: none;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: bdlm-spin .6s linear infinite;
    flex-shrink: 0;
}

.bdlm-btn.is-loading .bdlm-btn__spinner {
    display: block;
}

@keyframes bdlm-spin {
    to { transform: rotate(360deg); }
}

/* ── States ── */
.bdlm-btn.is-done {
    border-style: dashed;
    opacity: .4;
    cursor: default;
}

.bdlm-btn.is-error {
    color: #c0392b;
    border-color: #c0392b;
}