/* Soft Skeuomorphism: Galeri. Rollback: hapus <link> galeri-clay di view galeri */
body.galeri-page {
  --bg: #eeece8; --ink: #5f5c57; --soft: #8e8a83; --or1: #fbbf3c; --or2: #f58f27;
  --lt: rgba(255,255,255,.95); --dk: rgba(172,165,152,.55);
  --up:    7px 7px 14px var(--dk), -6px -6px 12px var(--lt);
  --up-sm: 4px 4px 8px var(--dk), -3px -3px 7px var(--lt);
  --in:    inset 5px 5px 10px var(--dk), inset -5px -5px 10px var(--lt);
  --in-sm: inset 3px 3px 6px var(--dk), inset -3px -3px 6px var(--lt);
  --orange: linear-gradient(145deg, var(--or1), var(--or2));
  background: var(--bg); color: var(--ink);
}
body.galeri-page::before, body.galeri-page::after,
body.galeri-page .galeri-container::before, body.galeri-page .galeri-container::after { display: none; }

/* ===== Header (hanya halaman Galeri; menu mobile tetap asli) ===== */
body.galeri-page .site-header, body.galeri-page .site-header.scrolled {
  background: rgba(238,236,232,.94); border: 0; box-shadow: 0 10px 18px -10px var(--dk);
}
body.galeri-page .title-text { background: none; -webkit-text-fill-color: var(--ink); color: var(--ink); }
body.galeri-page .nav-capsule { background: var(--bg); border: 0; box-shadow: var(--in-sm); }
body.galeri-page .nav-menu a { color: var(--soft); }
body.galeri-page .nav-menu a::before { display: none; }
body.galeri-page .nav-menu a:hover { color: var(--or2); }
body.galeri-page .nav-menu a.active { background: var(--bg); color: var(--or2); border: 0; box-shadow: var(--up-sm); }
body.galeri-page .search-toggle, body.galeri-page .menu-toggle {
  background: var(--bg); border: 0; color: var(--ink); box-shadow: var(--up-sm);
}
body.galeri-page .menu-toggle span { background: var(--ink); }
body.galeri-page .menu-toggle:hover span, body.galeri-page .search-toggle:hover { background-color: var(--bg); color: var(--or2); }

/* ===== Tab tahun: baki tenggelam, tombol timbul ===== */
body.galeri-page .year-tabs {
  background: var(--bg); border: 0; border-radius: 26px; padding: .7rem; gap: .6rem;
  box-shadow: var(--in); backdrop-filter: none; align-items: center;
}
body.galeri-page .year-tab {
  min-width: 92px; padding: .7rem 1rem; justify-content: center; border-radius: 18px;
  background: var(--bg); color: var(--soft); box-shadow: var(--up-sm); transform: none;
}
body.galeri-page .year-tab:hover { background: var(--bg); color: var(--or2); transform: none; }
body.galeri-page .year-tab:active { box-shadow: var(--in-sm); }
body.galeri-page .year-tab.active {
  background: var(--orange); color: #fff; transform: none;
  box-shadow: 4px 4px 10px rgba(245,143,39,.45), -3px -3px 7px var(--lt), inset 0 1px 0 rgba(255,255,255,.45);
}

/* ===== Baris wilayah ===== */
body.galeri-page .accordion-item {
  background: var(--bg); border: 0; border-radius: 26px; box-shadow: var(--up); backdrop-filter: none;
}
body.galeri-page .accordion-item:hover { border: 0; box-shadow: 9px 9px 18px var(--dk), -8px -8px 16px var(--lt); }
body.galeri-page .accordion-item.open { border: 0; }
body.galeri-page .accordion-header {
  background: transparent; color: var(--ink); text-align: left; gap: .9rem; padding: 1rem 1.3rem;
}
body.galeri-page .accordion-header:hover { background: transparent; }
body.galeri-page .accordion-icon {
  width: 50px; height: 50px; margin: 0; flex-shrink: 0; border-radius: 16px; font-size: 1.25rem;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg); box-shadow: var(--in-sm);
}
body.galeri-page .accordion-title { color: var(--ink); font-weight: 600; font-size: 1.05rem; text-align: left; }
body.galeri-page .accordion-badge {
  margin-left: auto; background: var(--bg); color: var(--or2); font-weight: 700;
  border-radius: 14px; padding: .35rem .9rem; animation: none; box-shadow: var(--in-sm);
}
body.galeri-page .accordion-arrow { color: var(--soft); font-size: .7rem; }
body.galeri-page .accordion-header[aria-expanded="true"] .accordion-arrow { color: var(--or2); }

/* Isi terbuka: kotak dalam yang tenggelam */
body.galeri-page .accordion-item.open .accordion-content {
  background: var(--bg); border-top: 0; margin: .2rem 1rem 1rem; border-radius: 22px;
  box-shadow: var(--in); padding: 1.5rem 1.25rem;
}

/* ===== Foto: kartu timbul, foto di bingkai tenggelam ===== */
body.galeri-page .photo-item {
  background: var(--bg); border: 0; border-radius: 22px; padding: .6rem; box-shadow: var(--up);
}
body.galeri-page .photo-item:hover { border: 0; box-shadow: 9px 9px 18px var(--dk), -8px -8px 16px var(--lt); }
body.galeri-page .photo-wrapper { background: #e3e0da; border-radius: 16px; }
body.galeri-page .photo-wrapper::after {
  content: ""; position: absolute; inset: 0; border-radius: 16px; pointer-events: none;
  box-shadow: inset 4px 4px 9px rgba(0,0,0,.22), inset -3px -3px 7px rgba(255,255,255,.35);
}
body.galeri-page .photo-caption { background: transparent; padding: .9rem .6rem .5rem; }
body.galeri-page .caption-title { color: var(--ink); }
body.galeri-page .caption-meta { color: var(--soft); }
body.galeri-page .meta-location { color: var(--or2); }
body.galeri-page .meta-year { color: var(--soft); }
body.galeri-page .meta-location::before, body.galeri-page .meta-year::before { content: none; }
body.galeri-page .meta-separator { color: var(--dk); }

/* ===== Kosong & pencarian ===== */
body.galeri-page .empty-gallery {
  background: var(--bg); border: 0; border-radius: 30px; box-shadow: var(--in); backdrop-filter: none;
}
body.galeri-page .empty-gallery h2 { color: var(--ink); text-shadow: none; }
body.galeri-page .empty-gallery p { color: var(--soft); }
body.galeri-page #searchWilayah {
  background: var(--bg); border: 0; color: var(--ink); border-radius: 18px; box-shadow: var(--in); backdrop-filter: none;
}
body.galeri-page #searchWilayah::placeholder { color: var(--soft); }
body.galeri-page #searchWilayah:focus { box-shadow: var(--in), 0 0 0 2px rgba(245,143,39,.35); background: var(--bg); }

/* ===== Lightbox ===== */
body.galeri-page .lightbox-backdrop { background: rgba(70,66,60,.6); backdrop-filter: blur(10px); }
body.galeri-page .lightbox-content {
  background: var(--bg); border: 0; border-radius: 30px; backdrop-filter: none;
  box-shadow: 0 40px 70px -30px rgba(0,0,0,.55), 10px 10px 24px var(--dk), -8px -8px 20px var(--lt);
}
body.galeri-page .lightbox-image-wrapper {
  background: #dedad3; margin: 1rem 1rem 0; border-radius: 20px; box-shadow: var(--in);
}
body.galeri-page .lightbox-image { border-radius: 20px; }
body.galeri-page .lightbox-info { background: transparent; backdrop-filter: none; }
body.galeri-page #lightboxTitle { color: var(--ink); text-shadow: none; }
body.galeri-page #lightboxDescription, body.galeri-page .lightbox-meta { color: var(--soft); }
body.galeri-page #lightboxWilayah, body.galeri-page #lightboxYear {
  background: var(--bg); color: var(--or2); border: 0; box-shadow: var(--in-sm);
}
body.galeri-page #lightboxWilayah::before, body.galeri-page #lightboxYear::before { content: none; }
body.galeri-page .lightbox-close, body.galeri-page .lightbox-prev, body.galeri-page .lightbox-next {
  background: var(--bg); color: var(--ink); border: 0; backdrop-filter: none; box-shadow: var(--up-sm);
}
body.galeri-page .lightbox-close:hover, body.galeri-page .lightbox-prev:hover, body.galeri-page .lightbox-next:hover {
  background: var(--orange); color: #fff; border: 0;
  box-shadow: 4px 4px 10px rgba(245,143,39,.45), -3px -3px 7px var(--lt);
}

/* ===== HP: bayangan lebih ringan ===== */
@media (max-width: 768px) {
  body.galeri-page { --up: 5px 5px 10px var(--dk), -4px -4px 8px var(--lt); --in: inset 4px 4px 8px var(--dk), inset -4px -4px 8px var(--lt); }
  body.galeri-page .accordion-item.open .accordion-content { margin: .1rem .5rem .6rem; padding: 1rem .8rem; }
  body.galeri-page .year-tab { min-width: 78px; }
}