/* =====================================================
   استایل تگ‌های آگهی
   ===================================================== */

.ad-card {
    position: relative;
}

.ad-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    z-index: 10;
}

.ad-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center; 
    gap: 4px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    width: 55px; 
    height: 22px; 
}
.ad-badge svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

/* رنگ‌ها */
.ad-badge.hot-badge { color: #ff9800; background: rgba(255, 152, 0, 0.15); border: 1px solid rgba(255, 152, 0, 0.4); }
.ad-badge.urgent-badge { color: #e74c3c; background: rgba(231, 76, 60, 0.15); border: 1px solid rgba(231, 76, 60, 0.4); }
.ad-badge.vip-badge { color: var(--gold); background: var(--gold-soft); border: 1px solid var(--gold); }

/* موبایل */
@media (max-width: 600px) {
    .ad-badges {
        top: 8px;
        left: 8px;
        gap: 5px;
    }
    .ad-badge {
        font-size: 9px;
        padding: 3px 8px;
    }
    .ad-badge svg {
        width: 10px;
        height: 10px;
    }
    /* رزرو فضا برای تگ‌ها */
.ads-grid .ad-card .ad-content {
    padding-left: 65px;
}
}
/* =====================================================
   آیکون آگهی‌های تند: قرمز
   ===================================================== */
.is-urgent-card .ad-placeholder-icon img,
.is-urgent-card .ad-placeholder-icon svg,
.is-urgent-card .ad-image svg,
.is-urgent-card .ad-image img {
    filter: grayscale(1) brightness(0.6) sepia(1) saturate(10) hue-rotate(320deg) !important;
}
.is-urgent-card {
    border: 1.5px solid #e74c3c !important; /* قرمز */
    box-shadow: 0 0 10px rgba(231, 76, 60, 0.2) !important;
}