/* Luxury-04 Sora — bridge platform theme vars to template */
@font-face {
    font-family: 'Aricena';
    src: url('assets/aricena-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('assets/metropolis-400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('assets/metropolis-500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('assets/metropolis-300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('assets/metropolis-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('assets/metropolis-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --lx3-bg: var(--nk-color-bg-color, #050806);
    --lx3-card: var(--nk-color-card-background, rgba(6, 10, 9, 0.72));
    --lx3-text: var(--nk-color-text-color, #fff);
    --lx3-muted: var(--nk-color-muted-color, #d6c8b7);
    --lx3-gold: var(--nk-color-primary-color, #f1c193);
    --lx3-gold-soft: var(--nk-color-secondary-color, #cdaa80);
    --lx3-btn-bg: var(--nk-color-button-color, #c8ae8d);
    --lx3-btn-text: var(--nk-color-button-text-color, #fff);
    --sora-bg: var(--lx3-bg);
    --sora-accent: var(--lx3-gold);
    --sora-accent-2: var(--lx3-btn-bg);
    --sora-white: var(--lx3-text);
    --sora-muted: var(--lx3-muted);
    --lx3-font-couple: 'Aricena', 'Playfair Display', serif;
    --lx3-font-display: var(--nk-font-script, 'Corinthia'), 'Corinthia', 'Cormorant', cursive;
    --lx3-font-heading: var(--nk-font-heading, 'Playfair Display'), 'Playfair Display', Georgia, serif;
    --lx3-font-body: var(--nk-font-body, 'Metropolis'), 'Metropolis', sans-serif;
    --lx3-font-ui: var(--nk-font-ui, 'Metropolis'), 'Metropolis', sans-serif;
}

.nk-template-luxury-04 {
    background: var(--lx3-bg);
    color: var(--lx3-text);
    font-family: var(--lx3-font-body);
}

.nk-template-luxury-04 [data-nk-font="ui"],
.nk-template-luxury-04 .lx3-cover__eyebrow,
.nk-template-luxury-04 .lx3-section-sub,
.nk-template-luxury-04 .lx3-countdown-label,
.nk-template-luxury-04 .lx3-nav-item-text {
    font-family: var(--lx3-font-ui);
}

.nk-template-luxury-04 h1,
.nk-template-luxury-04 h2,
.nk-template-luxury-04 h3,
.nk-template-luxury-04 .lx3-section-title,
.nk-template-luxury-04 .lx3-couple-name,
.nk-template-luxury-04 .lx3-couple-nick {
    font-family: var(--lx3-font-heading);
    font-weight: 400;
    letter-spacing: 0.02em;
}

.nk-template-luxury-04 .lx4-couple-names,
.nk-template-luxury-04 .lx4-couple-names__line,
.nk-template-luxury-04 .lx4-couple-names__amp {
    font-family: var(--lx3-font-couple) !important;
}

/* Desktop split showcase (NikahKapan) */
.nk-template-luxury-04 .nk-lux-desk-poster {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
}
.nk-template-luxury-04 .nk-lux-desk-poster__media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}
.nk-template-luxury-04 .nk-lux-desk-poster__media--video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nk-template-luxury-04 .nk-lux-desk-poster__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: none;
}
.nk-template-luxury-04 .nk-lux-desk-poster__caption {
    position: absolute;
    z-index: 2;
}

@media (min-width: 1024px) {
    .nk-template-luxury-04.nk-desktop-showcase.nk-mode-split_showcase .lx3-container {
        max-width: var(--nk-desktop-inv-panel-width, 480px);
        margin: 0 auto;
    }
    .nk-template-luxury-04.nk-desktop-showcase.nk-mode-split_showcase .nk-floating-btns--panel-right {
        right: calc(max(20px, env(safe-area-inset-right)) + 8px) !important;
    }
    .nk-template-luxury-04 .nk-lux-desk-poster__eyebrow {
        color: var(--lx3-gold);
    }
    .nk-template-luxury-04 .nk-lux-desk-poster__names.lx4-couple-names {
        font-family: var(--lx3-font-couple);
        color: var(--lx3-text);
    }
}

/* Wish cards */
.nk-template-luxury-04 .lx3-wishes-list-wrapper {
    width: 100%;
}
.nk-template-luxury-04 .lx3-wish-card {
    border-left-color: var(--lx3-btn-bg);
}
