/*
 * Jembatan Elementor → mockup, bagian 2 (dimuat SETELAH site.css).
 * Hanya penyesuaian yang tidak bisa dilakukan site.css karena markup widget Elementor berbeda dari mockup.
 */

/* ---------- Hero ---------- */
/* Judul dipecah per kata oleh js/msb.js (animasi "rise"); sembunyikan sebentar sampai selesai dipecah.
   Cadangan: tetap muncul setelah 1,5 detik bila JS gagal. */
@media (prefers-reduced-motion: no-preference) {
  .js .hero h1:not(.is-split) { opacity: 0; animation: msb-show 0s 1.5s forwards; }
}
@keyframes msb-show { to { opacity: 1; } }
/* Gambar hero = widget Image + caption (mockup: figcaption.hi --d:1.1s) */
.hero figcaption { animation: up .8s var(--ease) 1.1s both; }

/* ---------- Katalog: tab filter ---------- */
.tabs a { padding: 0 0 12px; margin-bottom: -1px; font: 700 24px/1 var(--head); color: var(--muted); text-decoration: none; transition: color .2s; }
.tabs a sup { font: 500 13px var(--body); margin-left: 4px; }
.tabs a:hover, .tabs a[aria-current=page] { color: var(--ink); }

/* Tombol "Lihat poster" & "Tanya WA" pada kartu = widget Button (a.elementor-button) */
.prod .acts .elementor-button { cursor: pointer; }

/* ---------- Proyek: galeri foto (mockup <button>, di WP <a> ke file foto) ---------- */
.proj a { display: block; width: 100%; margin: 0 0 12px; break-inside: avoid; border-radius: 4px; overflow: hidden; background: var(--line); }
.proj a:hover img { transform: scale(1.03); }
@media (max-width: 560px) { .proj a { margin-bottom: 8px; } }

/* ---------- FAQ: Nested Accordion Elementor (<details>/<summary>) memakai gaya details mockup ---------- */
.e-n-accordion { display: block; }
.e-n-accordion-item { border: 0; border-bottom: 1px solid var(--line); background: none; }
.e-n-accordion-item-title { border: 0; background: none; color: inherit; }
.e-n-accordion-item-title-header { display: contents; }
.e-n-accordion-item-title-icon { display: none; }
.e-n-accordion-item > .e-con { border: 0; padding: 0; background: none; }

/* ---------- Daftar artikel: paginasi ---------- */
.pagination { display: flex; gap: 8px; margin-top: 48px; }
.pagination a { min-width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 4px; text-decoration: none; font-weight: 600; }
.pagination a:hover { border-color: var(--ink); }
.pagination a[aria-current] { background: var(--ink); border-color: var(--ink); color: #fff; }
.blog .empty { color: var(--muted); }

/* ---------- WordPress admin bar tidak menutupi header sticky ---------- */
.admin-bar body > header, body.admin-bar > header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar > header { top: 0; } }