/* =========================================================================
   Tema 02 — Senja Terakota (hariH)
   Skin di atas undangan/shared/undangan.css: palet terakota + krem hangat +
   tembaga, tipografi Cormorant Garamond + Karla, motif lengkung (arch) senja.
   Ornamen SVG inline — tanpa file gambar. Terdaftar di undangan_get_temas().
   ========================================================================= */

/* Font SELF-HOSTED sejak 2026-08-07 (G1.2) — alasan & cara membangunnya
   dijelaskan lengkap di tema-01/style.css. Ringkasnya: menghapus rantai serial
   ke fonts.googleapis.com + fonts.gstatic.com. Dibangun oleh
   scripts/buat-font-web.py; sumber .ttf tetap dipertahankan untuk kartu OG. */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../../aset/font/karla-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('../../aset/font/karla-latinext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url('../../aset/font/karla-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 200 800;
    font-display: swap;
    src: url('../../aset/font/karla-italic-latinext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {

    /* C1a — kunci ke satu skema. Tanpa ini mode gelap PAKSA
       (Samsung Internet, Chrome Android) membalik warna undangan
       sendiri: krem jadi abu, dan kontras yang sudah dihitung batal. */
    color-scheme: only light;

    /* KONSEP: modern hangat — SATU keluarga sans untuk seluruh halaman.
       Sengaja tanpa serif sama sekali: ini tema untuk pasangan yang menginginkan
       undangan kontemporer & bersih, bukan klasik. Kehangatannya datang dari
       terakota, lengkung arch, dan ruang napas — bukan dari huruf berkait. */
    --font-display: 'Karla', system-ui, -apple-system, sans-serif;
    --font-body: 'Karla', system-ui, -apple-system, sans-serif;
    --font-label: 'Karla', system-ui, -apple-system, sans-serif;

    --c-page: #ecdfd2;
    --c-bg: #fbf6f0;
    --c-surface: #ffffff;
    --c-ink: #3a2e26;
    --c-ink-soft: #77685a; /* C1b — 3,73 → 5,00:1, lolos WCAG AA. Token ini mewarnai .lokasi-alamat 14px */
    --c-line: #ecdccd;
    --c-accent: #a15436;      /* terakota */
    --c-accent-ink: #faf3ea;  /* krem */
    --c-gold: #be7a4a;        /* tembaga */
    --c-gold-teks: #975e36;   /* U14 — peran teks: 4,61:1 ber-tint (gold 3,03:1) */
    --c-line-input: #93857a;  /* U15 — batas kontrol form: 3,13:1 (line 1,17:1) */
    --radius: 18px;       /* lembut & membulat, seirama motif arch */
    --radius-btn: 10px;   /* modern, tapi bukan pil aplikasi */
    --shadow: 0 12px 32px rgba(161, 84, 54, .10);

    /* Cover tanpa foto: gradasi langit senja */
    --cover-fallback: linear-gradient(180deg, #c97c4f 0%, #a15436 55%, #6f3120 100%);
    --cover-overlay: linear-gradient(180deg, rgba(59, 30, 18, .24) 0%, rgba(59, 30, 18, .58) 100%);
    --cover-ink: #faf1e6;

    /* Ornamen pembatas: garis — titik — matahari senja — titik — garis (tembaga) */
    --ornament: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%2040'%20fill='none'%3E%3Cpath%20d='M6%2020h42'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Cpath%20d='M112%2020h42'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Ccircle%20cx='56'%20cy='20'%20r='1.5'%20fill='%23be7a4a'/%3E%3Ccircle%20cx='104'%20cy='20'%20r='1.5'%20fill='%23be7a4a'/%3E%3Cpath%20d='M68%2023a12%2012%200%200%201%2024%200'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Cpath%20d='M64%2023h32'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Cpath%20d='M80%206v5'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Cpath%20d='M69%209l3%204'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3Cpath%20d='M91%209l-3%204'%20stroke='%23be7a4a'%20stroke-width='1'/%3E%3C/svg%3E");
}

/* Sans terbaca lebih besar pada ukuran px yang sama — dikecilkan sedikit,
   lalu diberi tracking negatif tipis supaya nama terasa padat & modern. */
.cover-names { font-size: clamp(34px, 9.2vw, 45px); font-weight: 500; letter-spacing: -.02em; }

.mempelai-nama, .penutup-nama { font-weight: 500; letter-spacing: -.015em; }
.mempelai-amp { font-style: normal; font-weight: 300; }
.cd-num { font-weight: 500; }

/* Tekstur titik hangat di latar luar kolom (terlihat di desktop) */
body.undangan-body {
    background-image: radial-gradient(rgba(161, 84, 54, .05) 1px, transparent 1.5px);
    background-size: 18px 18px;
}

/* Gate tanpa foto: bingkai LENGKUNG (arch) khas senja — pembeda utama tema */
.gate:not(.has-photo) .gate-inner {
    margin: 14px;
    border-radius: 190px 190px 12px 12px;
    box-shadow: inset 0 0 0 1px rgba(250, 241, 230, .5);
}
.gate:not(.has-photo) .gate-inner::before {
    content: '';
    position: absolute;
    inset: 8px;
    border-radius: 184px 184px 8px 8px;
    box-shadow: inset 0 0 0 1px rgba(250, 241, 230, .26);
    pointer-events: none;
}

/* Tombol buka di atas foto/gradasi: krem transparan */
.gate .btn-open {
    background: rgba(250, 241, 230, .16);
    box-shadow: inset 0 0 0 1.5px rgba(250, 241, 230, .9);
    color: var(--cover-ink);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.arch-inisial { background: linear-gradient(180deg, #f3e3d3, #fbf6f0); }

.section-intro, .prose { line-height: 1.85; }

/* Kartu acara: aksen garis tembaga di ATAS (membedakan dari tema-01) */
.acara-card { border-top: 2px solid var(--c-gold); }

/* Lengkung adalah motif utama tema ini — bingkai slider dibuat lebih tinggi
   supaya arch-nya benar-benar terbaca. */
.galeri-slider { height: clamp(400px, 128vw, 520px); }