/**
 * WCIF Apply Button — apply-btn.css
 */

/* ── wrapper ────────────────────────────────────────────────────────────────── */
.wcif-apply-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 8px;
}

/* ── دکمه اعمال فیلتر ────────────────────────────────────────────────────────── */
.wcif-apply-btn {
    flex: 1;
    cursor: pointer;
    font-weight: 600;
    transition: opacity 0.2s ease, transform 0.15s ease, background-color 0.2s ease;
}

/* حالت pending — یه چیزی انتخاب شده ولی هنوز اعمال نشده */
.wcif-apply-btn.has-pending {
    animation: wcif-pulse 1.5s ease-in-out infinite;
}

@keyframes wcif-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.7; }
}

/* ── دکمه حذف فیلترها ────────────────────────────────────────────────────────── */
.wcif-reset-btn {
    background: none;
    border: none;
    padding: 4px 0;
    font-size: 0.82em;
    color: #888;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.15s ease;
    white-space: nowrap;
}

.wcif-reset-btn:hover {
    color: #333;
}

/* ── layout افقی (horizontal) ───────────────────────────────────────────────── */
.w-filter.layout_hor .wcif-apply-wrap {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 16px;
    flex-direction: column;
    align-items: flex-start;
}

/* ── موبایل ─────────────────────────────────────────────────────────────────── */
@media ( max-width: 768px ) {
    .wcif-apply-wrap {
        flex-direction: column;
        align-items: stretch;
    }

    .wcif-apply-btn {
        text-align: center;
    }

    .wcif-reset-btn {
        text-align: center;
    }
}