/* ==========================================================================
   Hieuli Wedding - Image Mapping Stylesheet (Mechanism 1)
   All images are mapped directly to the assets/images/... folder structure.
   To update any photo, simply drop your new image into the corresponding folder!
   ========================================================================== */

/* === 1. BANNER & HERO SECTION === */
/* Main hero banner photo */
#IMAGE5 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/main.jpg") !important;
}

/* Film strip photos (6 small photos) */
#IMAGE51 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-1.jpg") !important;
}
#IMAGE53 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-2.jpg") !important;
}
#IMAGE54 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-3.jpg") !important;
}
#IMAGE55 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-4.jpg") !important;
}
#IMAGE56 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-5.jpg") !important;
}
#IMAGE58 > .ladi-image > .ladi-image-background {
    background-image: url("../images/hero/film-6.jpg") !important;
}

/* === 2. INVITATION & COUPLE SECTION === */
/* Invitation card photo */
#IMAGE72 > .ladi-image > .ladi-image-background {
    background-image: url("../images/couple/invitation.jpg") !important;
}

/* Groom portrait */
#IMAGE79 > .ladi-image > .ladi-image-background {
    background-image: url("../images/couple/groom.jpg") !important;
}

/* Bride portrait */
#IMAGE81 > .ladi-image > .ladi-image-background {
    background-image: url("../images/couple/bride.jpg") !important;
}

/* Couple love story / memory photo */
#IMAGE104 > .ladi-image > .ladi-image-background {
    background-image: url("../images/couple/story.jpg") !important;
}

/* === 3. FEATURED ALBUM SECTION === */
/* 5 highlight photos */
#IMAGE93 > .ladi-image > .ladi-image-background {
    background-image: url("../images/album/featured-1.jpg") !important;
}
#IMAGE95 > .ladi-image > .ladi-image-background {
    background-image: url("../images/album/featured-2.jpg") !important;
}
#IMAGE96 > .ladi-image > .ladi-image-background {
    background-image: url("../images/album/featured-3.jpg") !important;
}
#IMAGE97 > .ladi-image > .ladi-image-background {
    background-image: url("../images/album/featured-4.jpg") !important;
}
#IMAGE98 > .ladi-image > .ladi-image-background {
    background-image: url("../images/album/featured-5.jpg") !important;
}

/* === 4. GALLERY SLIDER (13 SLIDES) === */
/* Slide 01 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="0"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="0"] {
    background-image: url("../images/gallery/slide-01.jpg") !important;
}
/* Slide 02 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="1"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="1"] {
    background-image: url("../images/gallery/slide-02.jpg") !important;
}
/* Slide 03 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="2"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="2"] {
    background-image: url("../images/gallery/slide-03.jpg") !important;
}
/* Slide 04 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="3"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="3"] {
    background-image: url("../images/gallery/slide-04.jpg") !important;
}
/* Slide 05 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="4"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="4"] {
    background-image: url("../images/gallery/slide-05.jpg") !important;
}
/* Slide 06 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="5"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="5"] {
    background-image: url("../images/gallery/slide-06.jpg") !important;
}
/* Slide 07 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="6"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="6"] {
    background-image: url("../images/gallery/slide-07.jpg") !important;
}
/* Slide 08 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="7"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="7"] {
    background-image: url("../images/gallery/slide-08.jpg") !important;
}
/* Slide 09 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="8"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="8"] {
    background-image: url("../images/gallery/slide-09.jpg") !important;
}
/* Slide 10 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="9"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="9"] {
    background-image: url("../images/gallery/slide-10.jpg") !important;
}
/* Slide 11 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="10"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="10"] {
    background-image: url("../images/gallery/slide-11.jpg") !important;
}
/* Slide 12 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="11"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="11"] {
    background-image: url("../images/gallery/slide-12.jpg") !important;
}
/* Slide 13 */
#GALLERY2 .ladi-gallery .ladi-gallery-view-item[data-index="12"],
#GALLERY2 .ladi-gallery .ladi-gallery-control-item[data-index="12"] {
    background-image: url("../images/gallery/slide-13.jpg") !important;
}

/* === 5. RSVP SECTION === */
/* Background photo for RSVP invitation card */
#IMAGE107 > .ladi-image > .ladi-image-background {
    background-image: url("../images/rsvp-bg.jpg") !important;
}