/* InvitKeun - Layout variants (standard, editorial, cinematic, cards) */

/* Editorial */
.layout-editorial #hero .hero-name-line {
    font-size: clamp(3rem, 12vw, 5.5rem) !important;
    letter-spacing: -0.02em;
}
.layout-editorial #hero .hero-pattern__content {
    text-align: left;
    max-width: var(--inv-content-max, min(56rem, calc(100% - 2rem)));
    margin-inline: auto;
    padding-inline: clamp(1.25rem, 5vw, 3rem);
}
/* Editorial couple grid — ikut aturan global */
.layout-editorial #couple .inv-couple-grid {
    max-width: 100% !important;
}
.layout-editorial .section-lead {
    font-size: 1.02rem;
    max-width: 34rem;
}

/* Cinematic */
.layout-cinematic {
    background: #0a0a0a;
}
.layout-cinematic .template-surface {
    background: linear-gradient(180deg, #111 0%, #1a1a1a 100%) !important;
    color: #f1f5f9;
}
.layout-cinematic .section-title,
.layout-cinematic .section-eyebrow {
    color: #fff !important;
}
.layout-cinematic #hero {
    min-height: 100svh;
}
.layout-cinematic #hero .hero-tone-layer > div {
    background: rgba(0,0,0,.55) !important;
}
.layout-cinematic .event-card {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    backdrop-filter: blur(12px);
}

/* Card stack — dinonaktifkan: section menyambung seperti layout standar */
.layout-cards .section-flow,
.layout-cards #mainContent > .section-flow,
body.layout-cards .section-flow {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible;
    width: 100% !important;
    max-width: 100% !important;
}
.layout-cards #hero {
    margin: 0;
    border-radius: 0 !important;
    box-shadow: none;
}
.layout-cards .inv-footer-thanks {
    margin: 0;
    border-radius: 0 !important;
}

/* Cover styles */
.cover-style-envelope #cover .cover-card-3d {
    transform-style: preserve-3d;
    perspective: 800px;
}
.cover-style-envelope #cover .cover-card-3d::before {
    content: '';
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: inherit;
    animation: none;
    background: transparent;
    opacity: 1;
    mix-blend-mode: normal;
}

@media (max-width: 899px) {
    .cover-style-envelope #cover .cover-card-3d {
        overflow: hidden !important;
    }
}
@keyframes envelopePulse {
    0%, 100% { opacity: .4; transform: scale(1); }
    50% { opacity: .9; transform: scale(1.02); }
}
.cover-style-envelope .cover-open-btn i::before {
    content: '\f2b6';
}

.cover-style-seal #cover .cover-open-btn {
    border-radius: 50% !important;
    width: 4.5rem;
    height: 4.5rem;
    min-width: 0 !important;
    padding: 0 !important;
    position: relative;
    border: none;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}
.cover-style-seal #cover .cover-open-btn::before,
.cover-style-seal #cover .cover-open-btn::after {
    display: none !important;
    content: none !important;
}
.cover-style-seal .cover-open-btn i {
    font-size: 1.2rem !important;
}

.cover-style-minimal #cover .cover-photo-block {
    display: none !important;
}
.cover-style-minimal .cover-couple-names {
    font-size: clamp(2.5rem, 11vw, 4rem) !important;
}
/* Minimal = tanpa foto, tapi kartu cover tetap tampil (jangan transparan) */
.cover-style-minimal #cover .cover-card-3d {
    padding-top: clamp(1.25rem, 3vh, 1.75rem) !important;
    padding-bottom: clamp(1rem, 2.5vh, 1.5rem) !important;
}

.cover-style-cinematic #cover {
    background: #000 !important;
}
.cover-style-cinematic .cover-card-3d {
    background: rgba(0,0,0,.45) !important;
    border: 1px solid rgba(255,255,255,.15);
}
.cover-style-cinematic .cover-couple-names {
    text-shadow: 0 4px 30px rgba(0,0,0,.8);
}