

.input-wrapper,
.modal-option {
    display: flex;
    align-items: center
}

.close-modal path,
.close-modal svg,
.input-unit {
    pointer-events: none
}

.media-card:hover .overlay-actions {
    opacity: 1
}



/* ======================================================
 *  دکمه قلب (علاقه‌مندی) در صفحه آگهی
 * ====================================================== */
#Like .elementor-button .elementor-button-icon svg {
    transition: fill .2s ease, transform .2s ease;
}

#Like .elementor-button.is-favorited .elementor-button-icon svg {
    fill: var(--fap-c-error, #c81e1e);
}

#Like .elementor-button.is-favorited .elementor-button-icon svg path {
    fill: var(--fap-c-error, #c81e1e);
}

/* انیمیشن کوتاه هنگام افزودن */
#Like .elementor-button.is-favorited .elementor-button-icon {
    animation: fap-heart-pop .28s ease;
}

@keyframes fap-heart-pop {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.35); }
    100% { transform: scale(1); }
}


/* ======================================================
 *  صفحه علاقه‌مندی‌ها
 * ====================================================== */
.fap-favorites-wrapper {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 12px;
    direction: rtl;
}

.fap-favorites-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 0;
    border-bottom: 1px solid var(--fap-c-line, #e0e8e9);
    margin-bottom: 16px;
}

.fap-favorites-header h2 {
    margin: 0;
    font-size: var(--fap-fs-2xl, 22px);
    font-weight: 700;
    color: var(--fap-c-ink, #13292d);
}

.fap-favorites-count {
    margin: 0;
    color: var(--fap-c-muted, #566a6e);
    font-size: var(--fap-fs-sm, 13px);
    background: var(--fap-c-bg, #f3f7f7);
    padding: 6px 12px;
    border-radius: var(--fap-r-pill, 999px);
}

.fap-favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
}

.fap-favorite-card {
    position: relative;
}

.fap-fav-remove {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--fap-c-line-soft, #edf2f2);
    box-shadow: var(--fap-sh-sm, 0 1px 3px rgba(19, 41, 45, .06), 0 4px 12px rgba(19, 41, 45, .05));
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

/* قلب پر = «در علاقه‌مندی‌ها هست». آیکن خطی واحد (fap_icon) با fill همان رنگ پر می‌شود. */
.fap-fav-remove { color: var(--fap-c-error, #c81e1e); }
.fap-fav-remove svg path { fill: currentColor; }

.fap-fav-remove:hover {
    background: var(--fap-c-error-soft, #fef4f3);
}

.fap-fav-remove:disabled {
    opacity: .5;
    cursor: not-allowed;
}

