/* ── کارت رویداد: دکمهٔ اقدام روی عکس (هاور) ─────────────────────────────────
   فایلِ مستقل (بدونِ نیاز به بیلدِ Tailwind). با هاور/فوکوسِ کارت: عکس کمی زوم
   (در خودِ کارت: group-hover:scale-105) و مات می‌شود و دکمه روی آن ظاهر می‌شود. */
.card-hover-layer {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 9, 11, 0.55);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}
.card-hover-cta {
    position: relative;
    z-index: 20;
    transform: translateY(8px) scale(.96);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1);
    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, .6);
}
.ticket:hover .card-hover-layer,
.ticket:focus-within .card-hover-layer {
    opacity: 1;
}
.ticket:hover .card-hover-cta,
.ticket:focus-within .card-hover-cta {
    pointer-events: auto;
    transform: none;
}
/* زومِ کمی بیشتر برای تصویرِ کارتی که دکمه دارد */
.ticket:hover [data-card-banner] .ticket-img { transform: scale(1.08); }
/* دستگاه‌های لمسی هاور ندارند: لایه حذف می‌شود و کلِ کارت لینکِ صفحهٔ رویداد است */
@media (hover: none) {
    .card-hover-layer { display: none; }
}

/* ── امکانات و خدمات سالن: دو ردیف ─────────────────────────────────────────── */
.venue-amenities-grid {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: .65rem 1.4rem;
    overflow-x: auto;
}
.venue-amenities-grid > li {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .venue-amenities-grid {
        grid-template-columns: repeat(var(--amenity-cols, 4), minmax(0, 1fr));
        grid-auto-columns: auto;
        overflow-x: visible;
    }
    .venue-amenities-grid > li { white-space: normal; }
}