/* ===== EVENT DETAILS (PAGE 4) ===== */
    .event-section {
        margin: 0px 40px;
    }

    .event-card-akad {
        font-family: "Playfair Display", serif;
        background: rgba(255,255,255,0.05);
        border-radius: 15px;
        padding: 25px 20px;
        margin: 10px 0;
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .event-card-resepsi {
        background: rgba(255,255,255,0.05);
        border-radius: 15px;
        padding: 25px 20px;
        margin: 10px 0;
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .event-card-resepsi-gift {
        background: rgba(255,255,255,0.05);
        border-radius: 15px;
        padding: 25px 20px;
        margin-top: 10px;
        margin-left: 40px;
        margin-right: 40px;
        border: 1px solid rgba(255,255,255,0.1);
    }

    .event-icon {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .event-title {
        font-family: "Playfair Display", serif;
        /*font-family: "Poiret One", sans-serif;*/
        font-size: 16px;
        letter-spacing: 2px;
        color: #d4af37;
        margin-bottom: 15px;
    }

    .event-time {
        font-family: "Playfair Display", serif;
        font-size: 15px;
        margin: 8px 0;
    }

    .event-location {
        font-family: "Playfair Display", serif;
        font-size: 15px;
        color: #aaa;
        margin-top: 10px;
        line-height: 1.5;
    }

    /* ===== BUTTONS ===== */
    .btn-group { 
        margin-top: 10px;
        margin-left: 40px;
        margin-right: 40px;
        display: flex; 
        flex-direction: column; 
        gap: 10px;
    }

    .btn {
        /*padding: 8px 8px;*/
        margin-right: 8px;
        /*border: 0.5px solid #d4af37;*/
        /*background: rgba(212,175,55,0.15);*/
        /*border-radius: 8px;*/
        letter-spacing: 0.5px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-size: 8px;
        transition: 0.3s;
        cursor: pointer;
        font-family: "Playfair Display", serif;
        /*font-family: "Poiret One", sans-serif;*/
    }
    
    .btn:active { background: #d4af37; color: #000; }
    
    /* Base style tanpa animasi */
    .event-card-akad,
    .event-card-resepsi {
      opacity: 0;
    }
    
    .event-card-akad.animate {
        animation: sparkleOnce 3s ease-out forwards;
    }
    .event-card-resepsi.animate {
        animation: sparkleOnce 3s ease-out forwards;
    }
    
    
    
    .moments-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 12px;
      padding: 12px;
    }
    
    .moments-grid {
      column-count: 3;
      column-gap: 12px;
    }
    
    .moment-card {
      display: inline-block;
      width: 100%;
      margin-bottom: 12px;
    }
    
    /* Style dasar card */
    .moment-card {
      border-radius: 8px;
      text-align: center;
      font-weight: bold;
      font-size: 16px;
      color: #333;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    /* Hover efek */
    .moment-card:hover {
      transform: translateY(-8px) scale(1.03);
      box-shadow: 0 8px 16px rgb(0 0 0 / 0.12);
    }
    
    .moment-card img {
      width: 100%;
      height: auto;
      border-radius: 6px;
      object-fit: cover;
    }
    
    /* ---- Slideshow Container ---- */
    .slideshow-container {
      margin-top: 50px;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: auto; 
    }
    
    .mySlides {
      display: none;
      width: 100%;
    }
    
    .mySlides img {
      width: 100%;
      height: auto;
    }
    
    
    /*.mySlides {*/
    /*  transform: translateX(100%);*/
    /*  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;*/
    /*}*/
    
    /*.mySlides.active {*/
    /*  transform: translateX(0);*/
    /*  opacity: 1;*/
    /*}*/


.copy-btn {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    transition: background-color 0.2s;
}

.copy-btn:hover {
    background-color: #e0e0e0;
}

.copy-btn img {
    width: 16px;
    height: 16px;
    display: block;
}