/* =====================================
   METUKTAKIM - RSVP PAGE
   עיצוב זהה לשאר דפי השירות
===================================== */

/* תמונת פתיחה */

.rsvp-page .event-hero {
    background: linear-gradient( 270deg, rgba(0,0,0,0.94) 0%, rgba(0,0,0,0.70) 38%, rgba(0,0,0,0.18) 100% ), url("images/rsvp-sms.png") center center / cover no-repeat;
}

/* תמונה לצד טקסט */

.rsvp-page .rsvp-image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* גלריה */

.rsvp-page .event-gallery-grid.rsvp-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1200px;
    width: 100%;
    gap: 24px;
    margin: 0 auto;
}

.rsvp-page .rsvp-gallery-item {
    height: 300px;
    overflow: hidden;
    border: 1px solid #d5b77e;
    border-radius: 8px;
    background: #eee8df;
}

    .rsvp-page .rsvp-gallery-item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.4s ease;
    }

    .rsvp-page .rsvp-gallery-item:hover img {
        transform: scale(1.05);
    }

    /* הצגת ההזמנה האנכית בשלמותה */

    .rsvp-page .rsvp-gallery-item:last-child img {
        object-fit: contain;
    }

/* טאבלט */

@media (max-width: 950px) {
    .rsvp-page .event-gallery-grid.rsvp-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* טלפון */

@media (max-width: 600px) {
    .rsvp-page .event-gallery-grid.rsvp-gallery-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        gap: 20px;
    }

    .rsvp-page .rsvp-gallery-item {
        height: 280px;
    }

        .rsvp-page .rsvp-gallery-item:last-child {
            height: 450px;
        }
}