#hero {
    background-image: url("../images/bg-hero.jpg")
}

#the-wedding-event {
    background-image: url("../images/bg-the-wedding-event.jpg")
}

#proposed {
    background-image: url("../images/bg-proposed.jpg")
}

#wedding-gifts {
    background-image: url("../images/bg-wedding-gifts.jpg")
}

footer {
    background-image: url("../images/bg-footer.jpg")
}

/* Photo gallery: not clickable, no pointer cursor */
#photos .gallery-img img {
    cursor: default;
}

/* Navbar logo: reduce empty width (SVG is square; limit display width) */
.navbar-brand--tight img,
header .navbar-brand.d-lg-block img {
    max-width: 300px;
    width: auto;
    height: 119px;
    object-fit: contain;
    object-position: center;
}

/* RSVP form: glow on focus when field is selected */
#rsvp-form input:focus,
#rsvp-form textarea:focus {
    outline: none;
    border-color: var(--bs-primary, #6D8A91);
    box-shadow: 0 0 0 2px rgba(109, 138, 145, 0.18);
}

/* RSVP thank-you modal: celebration animation (scale-in + gentle glow) */
#rsvp-thank-you-modal.rsvp-thank-you-show .modal-content {
    animation: rsvp-thank-you-pop 0.5s ease-out;
    box-shadow: 0 0 0 1px rgba(201, 153, 105, 0.2), 0 20px 50px rgba(0, 0, 0, 0.2);
}

@keyframes rsvp-thank-you-pop {
    0% {
        transform: scale(0.9);
        opacity: 0;
        box-shadow: 0 0 0 0 rgba(201, 153, 105, 0), 0 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        transform: scale(1.02);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 0 1px rgba(201, 153, 105, 0.2), 0 20px 50px rgba(0, 0, 0, 0.2);
    }
}

/* Mobile navbar when toggled by minimal JS (no script.min.js) */
#navbar.show {
    display: flex !important;
}

/*# sourceMappingURL=custom.min.css.map */