/* ==========================================================================
   LNVITES.COM — HAUTE COUTURE SOFT PINK BRIDAL & EDITORIAL MINIMALISM (V3)
   Direka mengikut falsafah Editorial Bridal & Dieter Rams (100% Monokromatik)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Playfair+Display:ital,wght@0,600;0,700;1,500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --pink-bg: #FDF8F9;
    --pink-soft: #F9EEF1;
    --pink-card: #FFFFFF;
    --pink-border: #EDD4DA;
    --pink-border-strong: #DFAFBC;
    --pink-primary: #C47486;
    --pink-primary-dark: #A65366;
    --pink-text: #3F242C;
    --pink-subtext: #7A5862;
}

html, body {
    background-color: var(--pink-bg) !important;
    color: var(--pink-text) !important;
    font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1:not([id^="p_"]):not([id^="prev_"]),
h2:not([id^="p_"]):not([id^="prev_"]),
h3:not([id^="p_"]):not([id^="prev_"]),
.font-serif:not([id^="p_"]):not([id^="prev_"]),
.serif-title:not([id^="p_"]):not([id^="prev_"]) {
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
}

input[type="radio"], input[type="checkbox"] {
    accent-color: var(--pink-primary-dark) !important;
}

/* 1. LATAR BELAKANG SEKSYEN & KAD */
.hero-luxury-bg, header, section, footer,
.bg-slate-900, .bg-slate-950, .bg-slate-800, .bg-gray-900, .bg-black,
div[class*="from-slate-900"], div[class*="to-slate-900"],
div[class*="from-slate-800"], div[class*="bg-slate-900"], div[class*="bg-slate-800"] {
    background: var(--pink-soft) !important;
    background-image: linear-gradient(180deg, #FDF8F9 0%, #F7E8EC 100%) !important;
    color: var(--pink-text) !important;
    border-color: var(--pink-border) !important;
}

.bg-white, .bg-white\/5, .bg-white\/10, .bg-white\/80, .bg-white\/90, .bg-white\/95 {
    background-color: #FFFFFF !important;
}

.bg-slate-50, .bg-slate-100, .bg-slate-200, .bg-gray-50, .bg-gray-100, .bg-gray-200,
.bg-emerald-50, .bg-emerald-50\/70, .bg-emerald-50\/60, .bg-emerald-50\/50, .bg-emerald-100,
.bg-teal-50, .bg-teal-100, .bg-indigo-50, .bg-indigo-50\/70, .bg-indigo-50\/60, .bg-indigo-100,
.bg-amber-50, .bg-amber-50\/50, .bg-amber-50\/60, .bg-amber-50\/70, .bg-amber-100,
.bg-yellow-50, .bg-yellow-100, .bg-blue-50, .bg-blue-100, .bg-purple-50, .bg-purple-100,
.bg-rose-50, .bg-rose-100, .bg-pink-50, .bg-pink-100, .bg-red-50, .bg-red-100,
div[class*="from-emerald-50"], div[class*="from-amber-50"], div[class*="from-indigo-50"],
div[class*="from-red-600"], div[class*="from-rose-600"], div[class*="from-amber-500"] {
    background: var(--pink-soft) !important;
    background-image: linear-gradient(135deg, #FDF7F9 0%, #F7E7EC 100%) !important;
    color: var(--pink-text) !important;
    border-color: var(--pink-border) !important;
}

/* 2. TEKS & KONTRAS (TIADA LAGI TEKS KUNING CAIR / PUTIH HILANG) */
.text-white, .text-slate-100, .text-slate-200, .text-slate-300, .text-gray-100, .text-gray-200,
.bg-slate-900 .text-white, .bg-slate-800 .text-white,
footer .text-white, header .text-white, section .text-white {
    color: var(--pink-text) !important;
}

.text-slate-400, .text-slate-500, .text-slate-600, .text-slate-700,
.text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700,
.bg-slate-900 .text-slate-300, .bg-slate-900 .text-slate-400,
footer .text-slate-400, footer .text-slate-500 {
    color: var(--pink-subtext) !important;
}

.text-slate-800, .text-slate-900, .text-gray-800, .text-gray-900 {
    color: var(--pink-text) !important;
}

.text-amber-200, .text-amber-300, .text-amber-400, .text-amber-500, .text-amber-600, .text-amber-700, .text-amber-800, .text-amber-900,
.text-yellow-200, .text-yellow-300, .text-yellow-400, .text-yellow-500, .text-yellow-600,
.text-emerald-300, .text-emerald-400, .text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-emerald-900,
.text-teal-400, .text-teal-500, .text-teal-600, .text-teal-700, .text-teal-800,
.text-indigo-400, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-indigo-800,
.text-blue-500, .text-blue-600, .text-purple-400, .text-purple-500, .text-purple-600,
.text-rose-400, .text-rose-500, .text-rose-600, .text-pink-400, .text-pink-500, .text-pink-600,
.text-red-500, .text-red-600, .gold-gradient-text {
    background: none !important;
    -webkit-text-fill-color: var(--pink-primary-dark) !important;
    color: var(--pink-primary-dark) !important;
}

/* 3. HAPUSKAN 100% BUTANG KUNING (from-yellow-400, gold-gradient-bg, bg-amber-*) -> DUSTY ROSE VELVET */
.gold-gradient-bg, a.gold-gradient-bg, button.gold-gradient-bg,
button[class*="from-yellow-"], a[class*="from-yellow-"], div[class*="from-yellow-"],
button[class*="from-amber-"], a[class*="from-amber-"],
button[class*="bg-amber-"], a[class*="bg-amber-"],
button[class*="bg-yellow-"], a[class*="bg-yellow-"],
button.bg-slate-900, a.bg-slate-900,
button.bg-emerald-600, a.bg-emerald-600, button.bg-teal-700, a.bg-teal-700,
button.bg-indigo-600, a.bg-indigo-600,
.bg-amber-400, .bg-amber-500, .bg-amber-600,
.bg-yellow-400, .bg-yellow-500,
.bg-emerald-500, .bg-emerald-600, .bg-emerald-700,
.bg-teal-500, .bg-teal-600, .bg-teal-700,
.bg-indigo-500, .bg-indigo-600, .bg-indigo-700,
.bg-blue-500, .bg-blue-600, .bg-blue-700,
.bg-purple-500, .bg-purple-600, .bg-pink-500, .bg-pink-600,
.bg-rose-500, .bg-rose-600, .bg-red-500, .bg-red-600,
.couture-rose-btn, .couture-icon-box,
#step_ind_1.bg-slate-900, #step_ind_2.bg-slate-900, #step_ind_3.bg-slate-900, #step_ind_4.bg-slate-900, #step_ind_5.bg-slate-900 {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #A34E62 !important;
    box-shadow: 0 8px 20px -5px rgba(173, 88, 108, 0.35) !important;
}

.gold-gradient-bg *, button[class*="from-yellow-"] *, a[class*="from-yellow-"] *,
button[class*="from-amber-"] *, a[class*="from-amber-"] *,
button.bg-slate-900 *, a.bg-slate-900 *,
.couture-rose-btn *, .couture-icon-box *,
.bg-amber-500 *, .bg-emerald-600 *, .bg-rose-500 *, .bg-pink-600 *, .bg-indigo-600 *, .bg-blue-600 * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Kekalkan butang "BUKA JEMPUTAN" pada mockup kad telefon di Hero jelas dengan teks putih */
.mockup-open-btn,
div.bg-slate-900.text-white.rounded-full.px-4,
div.bg-slate-900.text-white.rounded-full.px-3 {
    background: #3F242C !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
.mockup-open-btn * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* 4. KAPSUL COUNTDOWN (TAMAT DALAM: 23j : 14m : 59s) -> PUTIH BERSIH & TERANG! */
.couture-countdown-pill,
div[class*="bg-slate-900/"], div[class*="bg-black/"],
#cd_hours, #cd_mins, #cd_secs {
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1.5px solid #DFAFBC !important;
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
    box-shadow: 0 2px 8px rgba(196, 116, 134, 0.10) !important;
}
.couture-countdown-pill *, div[class*="bg-slate-900/"] * {
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
}

/* 5. GAYA INPUT & BUTANG "CHOOSE FILE" (MUAT NAIK RESIT) YANG CANTIK & FEMININ */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="date"], input[type="time"], input[type="password"], input[type="url"],
input[type="file"], select, textarea {
    background-color: #FFFFFF !important;
    border: 1.5px solid var(--pink-border) !important;
    color: var(--pink-text) !important;
    border-radius: 16px !important;
}

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
    background: linear-gradient(135deg, #F9EEF1 0%, #F2DCE2 100%) !important;
    color: #A65366 !important;
    border: 1px solid #DFAFBC !important;
    border-radius: 9999px !important;
    padding: 6px 16px !important;
    margin-right: 12px !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* 6. TANDA TICK (✓) PADA PILIHAN SAMPUL/FRAME & TAB KATEGORI AKTIF */
.peer:checked ~ div {
    background-color: #FDF3F6 !important;
    border-color: var(--pink-primary-dark) !important;
    box-shadow: 0 8px 22px -4px rgba(166, 83, 102, 0.22) !important;
}
/* Bulatan tick (✓) di bucu kanan atas kad sampul yang dipilih */
.peer:checked ~ div .rounded-full,
.sampul-check-badge {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1.5px solid #FFFFFF !important;
}
.peer:checked ~ div .rounded-full i {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* 7. PENYELESAIAN KEKAL 2 BUTANG TERAPUNG BAWAH (TIADA LAGI BERTINDIH!) */
/* Sembunyikan terus kapsul tutorial terapung di bawah */
a[href="/tutorial"][class*="fixed"], div.fixed a[href="/tutorial"] {
    display: none !important;
}



/* ==========================================================================
   INDEX.EJS PERFECTION PATCH (V4):
   - Kotak Ikon RSVP & Semua Ikon 100% Dusty Rose Pekat + Ikon Putih
   - Lubang Speaker (Notch) Telefon Gelap Semula Jadi & Butang Buka Jemputan Kemas
   - E-Guestbook Tidak Terputus Baris (whitespace-nowrap)
   - Butang AI Chat Jelas: "💬 Bantuan / Chat"
   ========================================================================== */

/* 1. Paksa semua kotak ikon (.couture-icon-box) berwarna Dusty Rose pekat & ikon di dalamnya putih bersih */
div.couture-icon-box,
.couture-icon-box {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #A34E62 !important;
    box-shadow: 0 6px 16px -4px rgba(173, 88, 108, 0.32) !important;
}
div.couture-icon-box i,
div.couture-icon-box svg,
div.couture-icon-box span,
.couture-icon-box * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* 2. Lubang Speaker (Notch) Atas Mockup Telefon Hero -> Kekal Hitam/Gelap Bezel Telefon & Lebih Nipis Kemas */
div.phone-notch-dark,
.phone-notch-dark {
    background: #1B191A !important;
    background-image: none !important;
    border-color: #1B191A !important;
    height: 11px !important;
    width: 58px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    opacity: 0.95 !important;
}

/* 3. Butang "✉️ BUKA JEMPUTAN" Dalam Mockup Telefon Hero -> Kapsul Dusty Rose Mewah + Teks Putih Tajam */
.mockup-open-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: linear-gradient(135deg, #C47486 0%, #A65366 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 4px 12px rgba(166, 83, 102, 0.35) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* 4. Pastikan E-Guestbook & tajuk 3 kad kecil di bawah Hero sentiasa kemas dan tidak terputus */
.whitespace-nowrap {
    white-space: nowrap !important;
}

/* 5. Butang AI Live Chat Jelas Untuk Pelanggan: "💬 Bantuan / Chat" */
#lnv-ai-fab {
    width: auto !important;
    height: 38px !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 14px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    right: 12px !important;
    left: auto !important;
    bottom: 14px !important;
    background: linear-gradient(135deg, #42262E 0%, #5E3742 100%) !important;
    border: 1.5px solid #EDD4DA !important;
    box-shadow: 0 8px 20px -4px rgba(66, 38, 46, 0.32) !important;
    z-index: 48 !important;
    font-size: 0 !important;
}
#lnv-ai-fab span, #lnv-ai-fab i, #lnv-ai-fab svg {
    display: none !important;
}
#lnv-ai-fab::before {
    content: "💬";
    font-size: 13px !important;
    line-height: 1 !important;
}
#lnv-ai-fab::after {
    content: "Bantuan / Chat";
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
}

/* Di halaman /tempah, butang "Lihat Live Preview" duduk di kiri & "💬 Bantuan / Chat" di kanan tanpa berlaga */
#btn_mobile_preview {
    left: 12px !important;
    right: auto !important;
    max-width: 185px !important;
    transform: none !important;
    bottom: 14px !important;
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1.5px solid #FFFFFF !important;
    box-shadow: 0 8px 20px -4px rgba(166, 83, 102, 0.35) !important;
    z-index: 45 !important;
    white-space: nowrap !important;
}
#btn_mobile_preview * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}


/* ==========================================================================
   V5 FLAWLESS INDEX FIXES:
   - Notch Telefon Gelap (#1B191A)
   - Semua Kotak Ikon 100% Dusty Rose Pekat
   - Kotak Countdown Putih Bersih
   ========================================================================== */
.phone-notch-dark {
    background: #1B191A !important;
    background-color: #1B191A !important;
    background-image: none !important;
}

.couture-icon-box {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    background-color: #B86678 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #A34E62 !important;
}
.couture-icon-box i, .couture-icon-box svg, .couture-icon-box * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.couture-countdown-pill {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1.5px solid #DFAFBC !important;
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
}


/* ==========================================================================
   V6 PRECISION FIXES (INDEX.EJS & AI CHAT MODAL & MOCKUP NOTCH):
   ========================================================================== */

/* 1. LUBANG SPEAKER (NOTCH) TELEFON HERO: Sembunyikan terus notch pink pucat yang pelik supaya skrin kad dalam telefon nampak penuh, bersih & moden! */
.phone-notch-dark,
div[class*="rounded-b-xl"][class*="left-1/2"],
div[class*="rounded-b-2xl"][class*="left-1/2"],
div.absolute.top-0.left-1\/2.-translate-x-1\/2 {
    display: none !important;
}

/* 2. 3 KAD KECIL DI BAWAH HERO (Photobooth | E-Guestbook | Huluran Kasih): Susun ikon di atas & tajuk sebaris penuh */
.grid-cols-3 > div > div.flex.items-center.justify-center,
.grid-cols-3 > a > div.flex.items-center.justify-center {
    flex-direction: column !important;
    gap: 2px !important;
}
.grid-cols-3 h3, .grid-cols-3 p, .grid-cols-3 span, .grid-cols-3 div {
    white-space: normal !important;
}
/* Pastikan perkataan E-Guestbook tidak dipotong pada tanda sengkang (-) */
.nowrap-hyphen, .grid-cols-3 {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* 3. MODAL AI CHAT ("Lnvites AI Assistant"): Header Dusty Rose Pekat + Teks Putih Jelas + Butang Seragam Soft Pink! */
#lnv-ai-modal, #lnv-ai-box, [id*="ai-chat"], [id*="ai-modal"] {
    border-color: #EBCFD6 !important;
}
/* Header Modal AI */
#lnv-ai-modal > div:first-child,
#lnv-ai-box > div:first-child,
div[class*="bg-gradient-to-r"][class*="from-slate-900"],
div[class*="bg-slate-900"].p-4.flex.items-center.justify-between {
    background: linear-gradient(135deg, #C47486 0%, #A65366 100%) !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #DFAFBC !important;
}
#lnv-ai-modal > div:first-child *,
#lnv-ai-box > div:first-child *,
div[class*="bg-slate-900"].p-4.flex.items-center.justify-between * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* Butang hantar hijau & cip kuning/ungu di dalam AI Chat Modal -> Dusty Rose & Soft Pink */
#lnv-ai-send, button[type="submit"][class*="bg-emerald-"], button[class*="bg-emerald-600"].rounded-full {
    background: linear-gradient(135deg, #C47486 0%, #A65366 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
}
#lnv-ai-send *, button[class*="bg-emerald-600"].rounded-full * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* 4. SEMBUNYIKAN BUTANG BULAT HITAM LIAR DI KIRI BAWAH (JIKA ADA) */
button.fixed.bottom-4.left-4,
div.fixed.bottom-4.left-4,
button.fixed.bottom-5.left-5,
div.fixed.bottom-5.left-5,
#btn_mute_floating, #bgm_btn {
    display: none !important;
}

/* 5. BUTANG UNGU "IG Story", LENCANA KUNING "TAWARAN MASA TERHAD" & "PILIHAN PALING BERBALOI" -> DUSTY ROSE */
button[class*="from-purple-"], a[class*="from-purple-"], div[class*="from-purple-"],
span[class*="bg-yellow-"], span[class*="bg-amber-"],
div[class*="bg-yellow-400"], div[class*="bg-amber-400"],
.bg-gradient-to-r.from-purple-500.to-pink-500,
.bg-gradient-to-r.from-amber-400.to-yellow-300 {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    background-color: #B86678 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border-color: #A34E62 !important;
}

/* 6. KOTAK JAM COUNTDOWN (22 JAM : 53 MINIT : 44 SAAT) -> PUTIH BERSIH DENGAN ANGKA DUSTY ROSE TAJAM */
#pakej-harga [id*="cd_"],
#pakej-harga .grid-cols-3 > div,
div[class*="bg-slate-800"], div[class*="bg-slate-900/"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1.5px solid #DFAFBC !important;
    color: #A65366 !important;
    border-radius: 14px !important;
}


/* ==========================================================================
   V7 SURGICAL FIX: PHONE MOCKUP SLIM BUTTON, NO NOTCH & AI CHAT MODAL
   ========================================================================== */

/* 1. Pastikan tiada sebarang lubang speaker (notch) muncul di atas mockup telefon */
.phone-notch-dark,
div[class*="rounded-b-xl"][class*="top-0"],
div[class*="rounded-b-2xl"][class*="top-0"],
div[class*="translate-x-1/2"][class*="top-0"] {
    display: none !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

/* 2. Butang "BUKA JEMPUTAN" dalam Mockup Telefon Hero -> Kecil, Nipis, Halus & Minimalis */
.mockup-open-btn,
.mockup-open-btn-slim {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #C47486 0%, #A65366 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    padding: 3.5px 10px !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 2px 6px rgba(166, 83, 102, 0.25) !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    transform: scale(0.92) !important;
}

/* 3. MODAL AI CHAT ("Lnvites AI Assistant") — SERAGAM 100% SOFT PINK BRIDAL & TEKS JELAS */
/* Tajuk Lnvites AI Assistant & Butang Tutup (X) */
[id*="lnv-ai"] h3, [id*="lnv-ai"] h4, [id*="lnv-ai"] strong, [id*="lnv-ai"] b,
[class*="lnv-ai"] h3, [class*="lnv-ai"] h4,
#lnv-ai-window *, #lnv-ai-panel *, #lnv-ai-chatbox * {
    border-color: #EDD4DA !important;
}

/* Paksa semua teks putih di dalam header AI Modal menjadi gelap (#3F242C) supaya 100% jelas di atas latar Soft Pink */
#lnv-ai-window .text-white, #lnv-ai-panel .text-white, #lnv-ai-modal .text-white,
div[id*="ai"] .text-white, div[class*="ai"] .text-white,
div[id*="ai"] button, div[class*="ai"] button {
    color: #3F242C !important;
    -webkit-text-fill-color: #3F242C !important;
}

/* Cip kuning "@lnvitescard" & "DM Threads @lnvitescard" di dalam AI Chat -> Soft Pink Pill dengan teks Dusty Rose */
div[id*="ai"] a[href*="threads"],
div[id*="ai"] button[class*="amber"],
div[id*="ai"] button[class*="yellow"],
div[id*="ai"] a[class*="amber"],
div[id*="ai"] a[class*="yellow"],
div[id*="ai"] a[href*="threads.com"] {
    background: #FDF2F5 !important;
    background-color: #FDF2F5 !important;
    border: 1.5px solid #DFAFBC !important;
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
}

/* Butang Hantar Pesawat Kertas (Send) di kanan bawah AI Chat & Butang Terapung Bantuan/Chat -> Dusty Rose + Ikon Putih */
#lnv-ai-send,
button#lnv-ai-send,
div[id*="ai"] button[type="submit"],
div[id*="ai"] button.rounded-full:last-child {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    background-color: #B86678 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: none !important;
}
#lnv-ai-send *, div[id*="ai"] button[type="submit"] *, div[id*="ai"] button.rounded-full:last-child * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* Pastikan kapsul terapung "💬 Bantuan / Chat" kekal teks putih di atas latar Deep Rose Espresso */
#lnv-ai-fab, #lnv-ai-fab::after {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}


/* ==========================================================================
   V8 FOOTER FIX: BUTANG THREADS DUSTY ROSE PEKAT + LOGO LNCETAK JELAS + RUANG BAWAH
   ========================================================================== */

/* 1. Paksa kedua-dua butang sosial di Footer (@lnvitescard & Threads) berwarna Dusty Rose Pekat dengan Teks & Ikon Putih Bersih! */
footer a[href*="instagram"],
footer a[href*="threads"] {
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    background-color: #B86678 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid #A34E62 !important;
    box-shadow: 0 6px 16px -4px rgba(173, 88, 108, 0.30) !important;
}
footer a[href*="instagram"] *,
footer a[href*="threads"] * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

/* 2. Pastikan cip Threads di dalam AI Chat Modal kekal jelas (Latar Soft Pink + Teks Dusty Rose Gelap) */
#lnv-ai-modal a[href*="threads"],
#lnv-ai-window a[href*="threads"],
#lnv-ai-box a[href*="threads"],
div[id*="ai"] a[href*="threads"],
div[id*="ai"] button[onclick*="threads"] {
    background: #FDF2F5 !important;
    border: 1.5px solid #DFAFBC !important;
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
}
#lnv-ai-modal a[href*="threads"] *,
div[id*="ai"] a[href*="threads"] * {
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
}

/* 3. Besarkan sedikit logo Rakan Percetakan Rasmi (LNCetak.com) di Footer supaya jelas dibaca */
footer img[src*="lncetak"],
footer a[href*="lncetak"] img {
    height: 26px !important;
    width: auto !important;
    min-width: 72px !important;
    object-fit: contain !important;
    padding: 3px 8px !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    border: 1px solid #EDD4DA !important;
}

/* 4. Beri ruang padding bawah pada halaman supaya butang terapung "💬 Bantuan / Chat" tidak menutup pautan SEO paling bawah */
body {
    padding-bottom: 56px !important;
}


/* ==========================================================================
   V9 FIX: BUTANG "BUKA JEMPUTAN" PUTIH (SAMA MACAM KAD LIVE) & LOGO LNCETAK JELAS
   ========================================================================== */

/* 1. Butang "BUKA JEMPUTAN" pada Mockup Telefon Hero -> Putih Bersih + Teks Gelap (Sebiji Macam Kad Live) */
.mockup-open-btn,
.mockup-open-btn-slim {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    background-image: none !important;
    color: #2C221E !important;
    -webkit-text-fill-color: #2C221E !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    padding: 5px 14px !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(44, 34, 30, 0.12) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    transform: none !important;
}



/* 2. Susunan Kemas Rakan Percetakan Rasmi + Kotak Putih Khas Untuk Logo LNCetak.com */
footer a[href*="lncetak"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
}

footer img[src*="lncetak"],
footer a[href*="lncetak"] img {
    height: 30px !important;
    width: auto !important;
    max-width: 120px !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
    padding: 4px 10px !important;
    border-radius: 10px !important;
    border: 1px solid #EDD4DA !important;
    box-shadow: 0 2px 8px rgba(184, 102, 120, 0.10) !important;
    transform: none !important;
    margin-left: 4px !important;
}


/* ==========================================================================
   V12 FIX: BOOST BANK KAD ESTETIK & BUTANG TERAPUNG BAWAH TERPISAH MUTLAK
   ========================================================================== */

/* 1. Kotak QR Boost Bank -> Kad Putih Mewah dengan Border Pastel Pink & Bayang Halus */
#info_qr_bank_admin,
div[class*="bg-white"][class*="rounded"][class*="p-4"]:has(img[src*="boost"]),
div:has(> img[alt*="Boost"]), div:has(> img[src*="boost"]) {
    background: #FFFFFF !important;
    border: 1.5px solid #EBCFD6 !important;
    border-radius: 20px !important;
    padding: 22px !important;
    box-shadow: 0 10px 28px -6px rgba(184, 102, 120, 0.10) !important;
}

#info_qr_bank_admin img,
div:has(> img[src*="boost"]) img {
    max-width: 180px !important;
    height: auto !important;
    margin: 0 auto 12px auto !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

/* 2. PISAHKAN MUTLAK DUA BUTANG BAWAH (#btn_mobile_preview DI KIRI, #lnv-ai-fab DI KANAN) SUPAYA TIDAK BERTINDIH */
#btn_mobile_preview {
    position: fixed !important;
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
    transform: none !important;
    width: auto !important;
    max-width: 165px !important;
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 10.5px !important;
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #CA7B8E 0%, #AD586C 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1.5px solid #FFFFFF !important;
    box-shadow: 0 8px 20px -4px rgba(166, 83, 102, 0.35) !important;
    z-index: 999 !important;
    white-space: nowrap !important;
}

#lnv-ai-fab {
    position: fixed !important;
    right: 12px !important;
    left: auto !important;
    bottom: 12px !important;
    transform: none !important;
    width: auto !important;
    height: 36px !important;
    padding: 0 13px !important;
    font-size: 11px !important;
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #42262E 0%, #5E3742 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1.5px solid #EDD4DA !important;
    box-shadow: 0 8px 20px -4px rgba(66, 38, 46, 0.35) !important;
    z-index: 1000 !important;
    white-space: nowrap !important;
}


/* ==========================================================================
   V16 LIVE PREVIEW COLOR FREEDOM:
   Pastikan semua elemen di dalam telefon Live Preview (#p_*, #prev_*, #cover_*, #inner_*)
   mengikut 100% warna pilihan pengguna (inline style) dan bukannya warna borang!
   ========================================================================== */
#p_butang_buka,
#cover_overlay button {
    background: #FFFFFF !important;
    background-image: none !important;
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.9) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15) !important;
}






/* ==========================================================================
   V19 EXACT-ID FIX:
   1. #btn_tutup_modal_mobile -> Kapsul Kecil Kemas di Tengah Atas (Bukan Bar Panjang!)
   2. .prev_tarikh_depan & Tarikh Sampul -> Editorial Hairline (Tanpa Pil Putih Gemuk!)
   3. #btn_buka_jemputan -> Kapsul Putih Bersih Slim (100% Sama Antara Preview & Kad Live)
   ========================================================================== */

/* 1. Butang Tutup Modal Live Preview (#btn_tutup_modal_mobile) */
button#btn_tutup_modal_mobile {
    width: auto !important;
    min-width: 0 !important;
    max-width: 240px !important;
    height: auto !important;
    padding: 8px 20px !important;
    border-radius: 9999px !important;
    background: #FFFFFF !important;
    background-image: none !important;
    border: 1.5px solid #DFAFBC !important;
    box-shadow: 0 8px 22px rgba(63, 36, 44, 0.16) !important;
    color: #3F242C !important;
    -webkit-text-fill-color: #3F242C !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}
#preview_outer_wrapper:not(.mobile-modal-open) button#btn_tutup_modal_mobile {
    display: none !important;
}
button#btn_tutup_modal_mobile i {
    color: #A65366 !important;
    -webkit-text-fill-color: #A65366 !important;
    font-size: 13px !important;
}
button#btn_tutup_modal_mobile span {
    color: #3F242C !important;
    -webkit-text-fill-color: #3F242C !important;
}

/* 2. Tarikh & Hari Sampul Depan (.prev_tarikh_depan & .editorial-cover-date)
      Tiada lagi pil putih besar! Guna gaya Editorial Letterpress (Lutsinar + Garisan Halus Atas & Bawah) */
p.prev_tarikh_depan,
.editorial-cover-date {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(63, 36, 44, 0.28) !important;
    border-bottom: 1px solid rgba(63, 36, 44, 0.28) !important;
    padding: 5px 10px !important;
    margin: 8px auto !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    display: inline-block !important;
    width: auto !important;
    max-width: 95% !important;
}

/* 3. Butang "BUKA JEMPUTAN" (#btn_buka_jemputan) -> Putih Bersih & Slim (Sama 1:1 Dengan Kad Live) */
button#btn_buka_jemputan {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #1E293B !important;
    -webkit-text-fill-color: #1E293B !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.18) !important;
    padding: 10px 26px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    border-radius: 9999px !important;
    width: auto !important;
}


/* ==========================================================================
   V22 BRIDAL STEPPER BERLABEL (1-5) & QUICK STYLE BAR DI LANGKAH 2
   ========================================================================== */
.bridal-stepper-bar {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 8px 4px 6px 4px !important;
    margin: 4px 0 8px 0 !important;
}
.bridal-step-node {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    cursor: pointer !important;
    z-index: 2 !important;
    min-width: 54px !important;
    user-select: none !important;
}
.bridal-step-node .step-bullet {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    transition: all 0.25s ease !important;
}
.bridal-step-node .step-bullet.inactive {
    background: #FFFFFF !important;
    color: #9E7B84 !important;
    -webkit-text-fill-color: #9E7B84 !important;
    border: 1.5px solid #EBCFD6 !important;
    box-shadow: 0 2px 6px rgba(184, 102, 120, 0.08) !important;
}
.bridal-step-node .step-bullet.active {
    background: linear-gradient(135deg, #CA7B8E 0%, #A65366 100%) !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 2px solid #FFFFFF !important;
    box-shadow: 0 0 0 2px #C47486, 0 6px 14px rgba(166, 83, 102, 0.28) !important;
    transform: scale(1.08) !important;
}
.bridal-step-txt {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #9E7B84 !important;
    -webkit-text-fill-color: #9E7B84 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
}
.bridal-step-node:has(.step-bullet.active) .bridal-step-txt {
    color: #3F242C !important;
    -webkit-text-fill-color: #3F242C !important;
    font-weight: 800 !important;
}
#progress-bar {
    background: linear-gradient(90deg, #CA7B8E 0%, #A65366 100%) !important;
    background-color: #C47486 !important;
}


/* ==========================================================================
   V23 REALISTIC PHONE CHASSIS (HITAM / SILVER / ROSE GOLD) & FULL NAME FIX
   ========================================================================== */

/* Bar Pemilih Warna Telefon */
.phone-color-selector-bar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #EBCFD6 !important;
    border-radius: 9999px !important;
    padding: 4px 12px !important;
    margin: 0 auto 10px auto !important;
    box-shadow: 0 4px 12px rgba(184, 102, 120, 0.10) !important;
}
.phone-color-selector-bar span.lbl {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #7D5A63 !important;
    -webkit-text-fill-color: #7D5A63 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}
.phone-frame-swatch {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 9999px !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    border: 1.5px solid transparent !important;
    background: #FDF6F8 !important;
    color: #42262E !important;
    -webkit-text-fill-color: #42262E !important;
    transition: all 0.2s ease !important;
}
.phone-frame-swatch.active {
    background: #FDF2F5 !important;
    border-color: #C47486 !important;
    box-shadow: 0 2px 6px rgba(196, 116, 134, 0.20) !important;
    font-weight: 800 !important;
}
.phone-frame-swatch .dot {
    width: 11px !important;
    height: 11px !important;
    border-radius: 9999px !important;
    display: inline-block !important;
}

/* Kerangka Utama Telefon (#card_container) */
#card_container {
    position: relative !important;
    border-radius: 44px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Speaker Grill Halus di Bezel Atas (Tidak Menutupi Skrin/Bunga Sampul) */
#card_container::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 46px !important;
    height: 3.5px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.22) !important;
    z-index: 60 !important;
    pointer-events: none !important;
}

/* 1. TEMA HITAM (SPACE BLACK TITANIUM - DEFAULT) */
#card_container.phone-theme-black,
#card_container:not(.phone-theme-silver):not(.phone-theme-rosegold) {
    border: 10px solid #18181B !important;
    box-shadow:
        0 0 0 2px #3F3F46,
        0 0 0 4px #09090B,
        0 25px 50px -12px rgba(24, 24, 27, 0.45) !important;
}

/* 2. TEMA SILVER (NATURAL SILVER TITANIUM) */
#card_container.phone-theme-silver {
    border: 10px solid #E2E8F0 !important;
    box-shadow:
        0 0 0 1.5px #94A3B8,
        0 0 0 4px #CBD5E1,
        inset 0 0 0 1.5px #475569,
        0 25px 50px -12px rgba(100, 116, 139, 0.38) !important;
}
#card_container.phone-theme-silver::before {
    background: #64748B !important;
}

/* 3. TEMA ROSE GOLD (BRIDAL ROSE TITANIUM) */
#card_container.phone-theme-rosegold {
    border: 10px solid #E6B8C2 !important;
    box-shadow:
        0 0 0 1.5px #C47486,
        0 0 0 4px #F3D5DC,
        inset 0 0 0 1.5px #8F4254,
        0 25px 50px -12px rgba(166, 83, 102, 0.35) !important;
}
#card_container.phone-theme-rosegold::before {
    background: #8F4254 !important;
}






/* ==========================================================================
   V25 UN-SQUISH PHONE & FLEX-COL STACKING (BAR WARNA DI ATAS, TELEFON DI BAWAH)
   ========================================================================== */

/* Paksa kontena induk preview menyusun secara menegak (Atas ke Bawah) dan bukannya Kiri ke Kanan! */
#preview_outer_wrapper,
div:has(> #card_container) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Bar Pemilih Warna Telefon -> Nipis, Kompak, Tinggi Tetap 34px (Tidak Membelon!) */
#phone_color_bar_wrap {
    width: 100% !important;
    height: auto !important;
    max-height: 44px !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 4px auto 12px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.phone-color-selector-bar {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 34px !important;
    max-height: 34px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    background: #FFFFFF !important;
    border: 1.5px solid #EBCFD6 !important;
    border-radius: 9999px !important;
    padding: 3px 12px !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 12px rgba(184, 102, 120, 0.12) !important;
}

/* Pastikan Telefon (#card_container) SENTIASA Lebar Penuh 300px & Tidak Boleh Dipenyek (flex-shrink: 0)! */
#card_container {
    width: 300px !important;
    min-width: 295px !important;
    max-width: 310px !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================================
   V26 PERFECT CENTER EDITORIAL DATE (TIADA LAGI TEKS TERANJAK KE KANAN!)
   ========================================================================== */
p.prev_tarikh_depan,
.editorial-cover-date {
    display: inline-block !important;
    width: fit-content !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 4px 6px !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   V32 SMART 1-LINE SYNCHRONIZED FULL NAME & OPTIMAL INNER BOX WIDTH (82%)
   ========================================================================== */
.isi-box-tengah {
    width: 82% !important;
    max-width: 325px !important;
    padding: 1.5rem 0.65rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.nama-penuh-dalam,
.tuan-rumah-line,
.nama-single-dalam,
#nama_single_dalam {
    white-space: nowrap !important;
    display: inline-block !important;
    max-width: none !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
}




/* ==========================================================================
   V38 CLEAN & STABLE TYPOGRAPHY (ZERO SHAKE, ZERO CLIP ON CALLIGRAPHY)
   ========================================================================== */
.sampul-box-tengah,
.isi-box-tengah,
.a6-glass-box {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.isi-box-tengah {
    width: 84% !important;
    max-width: 330px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Matikan filter: drop-shadow pada teks sampul (punca utama Chrome Android potong jambul huruf S) & ganti dengan text-shadow */
.sampul-box-tengah *,
.isi-box-tengah * {
    filter: none !important;
    -webkit-filter: none !important;
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.85), 0 0 10px rgba(255, 255, 255, 0.5) !important;
}

.nama-depan-sampul,
.prev_nama_depan,
.print-cover-name {
    overflow: visible !important;
    display: block !important;
    line-height: 1.45 !important;
    padding-top: 14px !important;
    padding-bottom: 8px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    filter: none !important;
    -webkit-filter: none !important;
}


/* ==========================================================================
   V39 LOCAL UNCLIPPED BINARY TTF FONTS (ZERO GLYPH CLIPPING ON ANDROID/IOS)
   ========================================================================== */

@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/great-vibes-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/great-vibes-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/great-vibes-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/alex-brush-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/alex-brush-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/alex-brush-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/dancing-script-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/dancing-script-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/dancing-script-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/sacramento-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/sacramento-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Sacramento';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/sacramento-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/parisienne-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/parisienne-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Parisienne';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/parisienne-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Allura';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/allura-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Allura';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/allura-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Allura';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/allura-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Cookie';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/cookie-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Cookie';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/cookie-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Cookie';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/cookie-unclipped.ttf?v=v39') format('truetype');
}

@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('/fonts/italianno-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url('/fonts/italianno-unclipped.ttf?v=v39') format('truetype');
}
@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url('/fonts/italianno-unclipped.ttf?v=v39') format('truetype');
}