/*
 * Expired-deal styling for listing/grid cards (ReHub archives, home, related).
 * Loads site-wide (tiny) because grids appear outside the single deal page.
 * The single deal page keeps its own expired treatment (deal.js + deal.css) and
 * is excluded from the `mikana-expired` class, so it isn't greyed twice.
 */
.mikana-expired {
    position: relative;
    filter: grayscale(0.9);
    opacity: 0.72;
    transition: filter 0.2s, opacity 0.2s;
}

.mikana-expired:hover {
    filter: grayscale(0.55);
    opacity: 0.9;
}

/* Uses ::before (clearfix helpers usually take ::after) to avoid collisions. */
.mikana-expired::before {
    content: "⏰ פג תוקף";
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;
    background: #b32d2e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 5px 9px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    direction: rtl;
}