/* ============================================================
   PREMIUM LAYOUTS — identitas bentuk tiap tema PREMIUM.
   Tema 06-17 sebelumnya hanya ganti palet + bunga dari tema-01.
   File ini memberi tiap tema premium bentuknya sendiri:
   bingkai foto sampul, foto mempelai + story, tampilan tanggal.
   Urutan section + nav SAMA seperti tema-01.
   Pola: sama seperti cinema.css / netflix.css / spotify.css —
   override per [data-tema], global.css tidak diubah.
   Aturan desain: tanpa uppercase, tanpa letter-spacing, tanpa bold.
   ============================================================ */

/* ==================== TEMA-08 LAVENDER — Oval lembut ==================== */

/* Bingkai sampul oval tegak (bukan heksagon). */
html[data-tema="tema-08"] .cover-photo-frame {
    width: 72%;
    height: 90%;
    clip-path: ellipse(50% 50% at 50% 50%);
}
html[data-tema="tema-08"] .cover-photo-frame::before,
html[data-tema="tema-08"] .cover-photo-frame::after { display: none; }

/* Lapisan heksagon emas di belakang bingkai (wrapper) ikut disembunyikan. */
html[data-tema="tema-08"] .cover-section-photo::before { display: none; }
html[data-tema="tema-08"] .cover-photo::before { display: none; }

/* Foto mempelai + story ikut oval. */
html[data-tema="tema-08"] .couple-photo::before { display: none; }
html[data-tema="tema-08"] .couple-card-img {
    width: 76%;
    height: 98%;
    clip-path: ellipse(50% 50% at 50% 50%);
}
html[data-tema="tema-08"] .story-node::before { display: none; }
html[data-tema="tema-08"] .story-node-img {
    width: 40px;
    height: 52px;
    clip-path: ellipse(50% 50% at 50% 50%);
}

/* Tanggal dalam pil lembut. */
html[data-tema="tema-08"] .cover-date-display {
    background: rgb(var(--rgb-primary-light) / 0.16);
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
}

/* ==================== TEMA-10 BURGUNDY — Arch runcing ==================== */

/* Bingkai sampul arch runcing (puncak di tengah atas). */
html[data-tema="tema-10"] .cover-photo-frame {
    clip-path: polygon(50% 0%, 100% 24%, 100% 100%, 0% 100%, 0% 24%);
}
html[data-tema="tema-10"] .cover-photo-frame::before,
html[data-tema="tema-10"] .cover-photo-frame::after { display: none; }

/* Lapisan heksagon emas di belakang bingkai (wrapper) ikut disembunyikan. */
html[data-tema="tema-10"] .cover-section-photo::before { display: none; }
html[data-tema="tema-10"] .cover-photo::before { display: none; }

/* Foto mempelai + story ikut arch runcing. */
html[data-tema="tema-10"] .couple-photo::before { display: none; }
html[data-tema="tema-10"] .couple-card-img {
    clip-path: polygon(50% 0%, 100% 24%, 100% 100%, 0% 100%, 0% 24%);
}
html[data-tema="tema-10"] .story-node::before { display: none; }
html[data-tema="tema-10"] .story-node-img {
    clip-path: polygon(50% 0%, 100% 24%, 100% 100%, 0% 100%, 0% 24%);
}

/* Tanggal formal: garis ganda di pembatas. */
html[data-tema="tema-10"] .date-part:first-child,
html[data-tema="tema-10"] .date-part:last-child {
    border-top: 3px double var(--color-primary);
    border-bottom: 3px double var(--color-primary);
}
html[data-tema="tema-10"] .date-center {
    border-left: 3px double var(--color-primary);
    border-right: 3px double var(--color-primary);
}

/* ==================== TEMA-13 MINANG — Atap rumah gadang ==================== */

/* Bingkai sampul siluet atap gadang: dua tanduk di ujung, lekuk di tengah. */
html[data-tema="tema-13"] .cover-photo-frame {
    clip-path: polygon(0% 30%, 15% 6%, 50% 22%, 85% 6%, 100% 30%, 100% 100%, 0% 100%);
    background: linear-gradient(160deg, var(--color-gold) 0%, var(--color-primary-light) 100%);
}
html[data-tema="tema-13"] .cover-photo-frame::before,
html[data-tema="tema-13"] .cover-photo-frame::after { display: none; }

/* Lapisan heksagon emas di belakang bingkai (wrapper) ikut disembunyikan. */
html[data-tema="tema-13"] .cover-section-photo::before { display: none; }
html[data-tema="tema-13"] .cover-photo::before { display: none; }

/* Foto mempelai + story ikut siluet atap gadang. */
html[data-tema="tema-13"] .couple-photo::before { display: none; }
html[data-tema="tema-13"] .couple-card-img {
    clip-path: polygon(0% 30%, 15% 6%, 50% 22%, 85% 6%, 100% 30%, 100% 100%, 0% 100%);
}
html[data-tema="tema-13"] .story-node::before { display: none; }
html[data-tema="tema-13"] .story-node-img {
    clip-path: polygon(0% 30%, 15% 6%, 50% 22%, 85% 6%, 100% 30%, 100% 100%, 0% 100%);
}

/* Tanggal diapit pita emas songket. */
html[data-tema="tema-13"] .cover-date-display {
    background: rgb(var(--rgb-gold) / 0.16);
    border-top: 2px solid var(--color-gold);
    border-bottom: 2px solid var(--color-gold);
    padding: 0.25rem 0;
}

/* ==================== TEMA-14 BUGIS — Foto full-bleed ==================== */

/* Foto sampul selebar kartu, tanpa bingkai heksagon. */
html[data-tema="tema-14"] .cover-section-photo {
    width: 100%;
    height: 260px;
}
html[data-tema="tema-14"] .cover-photo-frame {
    width: 100%;
    height: 100%;
    clip-path: none;
    border-radius: 8px;
    background: none;
}
html[data-tema="tema-14"] .cover-photo-frame::before,
html[data-tema="tema-14"] .cover-photo-frame::after { display: none; }

/* Lapisan heksagon emas di belakang bingkai (wrapper) ikut disembunyikan. */
html[data-tema="tema-14"] .cover-section-photo::before { display: none; }
html[data-tema="tema-14"] .cover-photo::before { display: none; }
html[data-tema="tema-14"] .cover-section-img {
    background-size: cover;
    background-position: center;
}

/* Foto mempelai + story persegi polos. */
html[data-tema="tema-14"] .couple-photo::before { display: none; }
html[data-tema="tema-14"] .couple-card-img {
    clip-path: none;
    border-radius: 8px;
}
html[data-tema="tema-14"] .story-node::before { display: none; }
html[data-tema="tema-14"] .story-node-img {
    clip-path: none;
    border-radius: 8px;
}

/* Angka tanggal lebih besar, jadi sorotan. */
html[data-tema="tema-14"] .date-number {
    font-size: 3.6rem;
}

/* ==================== TEMA-17 SYAR'I NAVY — Kubah ==================== */

/* Bingkai sampul kubah (lengkung atas membulat). */
html[data-tema="tema-17"] .cover-photo-frame {
    clip-path: none;
    border-radius: 50% 50% 0 0 / 36% 36% 0 0;
}
html[data-tema="tema-17"] .cover-photo-frame::before,
html[data-tema="tema-17"] .cover-photo-frame::after { display: none; }

/* Lapisan heksagon emas di belakang bingkai (wrapper) ikut disembunyikan. */
html[data-tema="tema-17"] .cover-section-photo::before { display: none; }
html[data-tema="tema-17"] .cover-photo::before { display: none; }

/* Foto mempelai + story ikut kubah. */
html[data-tema="tema-17"] .couple-photo::before { display: none; }
html[data-tema="tema-17"] .couple-card-img {
    clip-path: none;
    border-radius: 50% 50% 8px 8px / 28% 28% 8px 8px;
}
html[data-tema="tema-17"] .story-node::before { display: none; }
html[data-tema="tema-17"] .story-node-img {
    clip-path: none;
    border-radius: 50% 50% 8px 8px / 28% 28% 8px 8px;
}

/* Tanggal dalam bingkai emas tipis. */
html[data-tema="tema-17"] .cover-date-display {
    border: 1px solid var(--color-gold);
    border-radius: 8px;
    padding: 0.5rem 0.25rem;
}