/* galeri.css */
.gallery-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:28px; }
.gallery-tab { padding:8px 18px; border-radius:100px; font-size:13px; border:1.5px solid var(--border,#d8e2f0); background:var(--bg-card,#fff); color:var(--text-soft,#555); text-decoration:none; transition:.2s; font-weight:500; }
.gallery-tab:hover, .gallery-tab.active { background:linear-gradient(135deg,#0a1628,#1e3a78); color:#fff; border-color:#0a1628; }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; }
.gallery-card { border-radius:16px; overflow:hidden; border:1px solid var(--border,#d8e2f0); background:var(--bg-card,#fff); box-shadow:0 4px 16px var(--shadow,rgba(0,0,0,.06)); transition:.2s; }
.gallery-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(10,22,40,.15); }
.slider-wrap { position:relative; height:220px; overflow:hidden; }
.slider-track { display:flex; height:100%; transition:transform .4s ease; }
.slide { min-width:100%; height:100%; flex-shrink:0; }
.slide img { width:100%; height:100%; object-fit:cover; }
.slide-placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0a1628,#162d5e); font-size:64px; }
.slider-btn { position:absolute; top:50%; transform:translateY(-50%); background:rgba(10,22,40,.5); color:#fff; border:none; width:34px; height:34px; border-radius:50%; cursor:pointer; font-size:14px; display:flex; align-items:center; justify-content:center; z-index:10; transition:.2s; backdrop-filter:blur(4px); }
.slider-btn:hover { background:rgba(10,22,40,.8); }
.slider-prev { left:10px; }
.slider-next { right:10px; }
.slider-dots { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:5px; }
.slider-dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.4); border:none; cursor:pointer; padding:0; transition:.2s; }
.slider-dot.active { background:#fff; transform:scale(1.3); }
.slider-counter { position:absolute; top:10px; right:10px; background:rgba(10,22,40,.6); color:#fff; font-size:11px; padding:3px 8px; border-radius:20px; backdrop-filter:blur(4px); }
.slider-kat { position:absolute; top:10px; left:10px; background:rgba(10,22,40,.6); color:#f0c96a; font-size:11px; padding:3px 10px; border-radius:20px; font-weight:600; backdrop-filter:blur(4px); }
.gallery-body { padding:16px; }
.gallery-body h3 { font-size:.98rem; margin-bottom:5px; color:var(--text,#0a1628); font-family:'Sora',sans-serif; font-weight:600; }
.gallery-body p { font-size:12px; color:var(--text-muted,#666); }
.gallery-footer { display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
.foto-count { font-size:12px; color:#1e3a78; font-weight:600; }
.form-galeri { background:var(--bg-card,#fff); border-radius:16px; padding:28px; box-shadow:0 4px 16px var(--shadow,rgba(0,0,0,.08)); margin-bottom:32px; border:1px solid var(--border,#d8e2f0); border-top:3px solid #d4a843; }
.form-galeri h3 { margin-bottom:20px; color:var(--text,#0a1628); font-family:'Sora',sans-serif; font-weight:700; display:flex; align-items:center; gap:8px; }
.form-galeri h3 i { color:#d4a843; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-row .form-group { margin-bottom:0; }
.preview-grid { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.preview-item img { width:90px; height:72px; object-fit:cover; border-radius:8px; border:2px solid #1e3a78; display:block; }
.preview-item span { display:block; font-size:10px; color:var(--text-muted,#666); text-align:center; max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; }
.lightbox { position:fixed; inset:0; background:rgba(0,0,0,.95); z-index:9999; display:none; align-items:center; justify-content:center; }
.lightbox.open { display:flex; }
.lb-img { max-width:90vw; max-height:85vh; object-fit:contain; border-radius:8px; }
.lb-close { position:absolute; top:16px; right:20px; color:#fff; font-size:28px; cursor:pointer; background:none; border:none; }
.lb-prev, .lb-next { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.1); color:#fff; border:none; width:44px; height:44px; border-radius:50%; font-size:18px; cursor:pointer; transition:.2s; backdrop-filter:blur(4px); }
.lb-prev { left:16px; }
.lb-next { right:16px; }
.lb-prev:hover, .lb-next:hover { background:rgba(255,255,255,.2); }
.lb-counter { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-size:13px; background:rgba(0,0,0,.5); padding:5px 14px; border-radius:20px; }

@media(max-width:768px){
  .gallery-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
}