/* Banner & kartu memakai .page-banner / .page-card dari custom.css */

/* ====== SEARCH BAR ====== */
.gal-search {
	background:#fff; border-radius:14px; padding:1rem 1.1rem;
	box-shadow:0 10px 30px rgba(8,32,92,.12); margin-top:-3rem; position:relative; z-index:5;
}
.gal-search .form-control { border:1px solid #e3e7ef; border-radius:9px; height:46px; font-size:.9rem; }
.gal-search .form-control:focus { border-color:#1a73e8; box-shadow:0 0 0 3px rgba(26,115,232,.12); }
.gal-search .btn-cari { height:46px; width:100%; border:none; border-radius:9px; font-weight:700; color:#fff; background:#1a73e8; transition:background .18s; }
.gal-search .btn-cari:hover { background:#0d47a1; }

/* ====== ALBUM CARD (foto & video list) ====== */
.gal-card {
	display:block; text-decoration:none; background:#fff; border:1px solid #edf0f6; border-radius:14px;
	overflow:hidden; box-shadow:0 2px 12px rgba(20,33,62,.05); height:100%;
	transition:transform .2s ease, box-shadow .2s ease;
}
.gal-card:hover { transform:translateY(-5px); box-shadow:0 14px 30px rgba(20,33,62,.13); text-decoration:none; }
.gal-thumb { position:relative; overflow:hidden; background:#0d2a6b; }
.gal-thumb img { width:100%; height:200px; object-fit:cover; display:block; transition:transform .35s ease; }
.gal-card:hover .gal-thumb img { transform:scale(1.06); }
.gal-thumb .play {
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	background:rgba(8,32,92,.35); color:#fff; font-size:2.4rem; opacity:.92; transition:background .2s;
}
.gal-card:hover .gal-thumb .play { background:rgba(8,32,92,.15); }
.gal-card .title { padding:.9rem 1.1rem; font-size:.95rem; font-weight:700; color:#16213e; line-height:1.4; }
.gal-card .title .meta { display:block; font-size:.76rem; font-weight:500; color:#9aa3b5; margin-top:.25rem; }

/* video preview (embed di dalam kartu) */
.gal-embed { position:relative; }
.gal-embed .embed-responsive { background:#000; }
.gal-embed .veil { position:absolute; inset:0; z-index:2; cursor:pointer; }

/* ====== DETAIL GRID (foto_show) ====== */
.gal-photo { display:block; overflow:hidden; border-radius:12px; box-shadow:0 2px 10px rgba(20,33,62,.08); }
.gal-photo img { width:100%; height:240px; object-fit:cover; display:block; transition:transform .35s ease; }
.gal-photo:hover img { transform:scale(1.07); }

/* ====== DETAIL VIDEO (video_show) ====== */
.gal-video-item { border-radius:14px; overflow:hidden; box-shadow:0 4px 18px rgba(20,33,62,.1); background:#000; }

/* ====== EMPTY ====== */
.gal-empty { text-align:center; padding:4rem 1rem; color:#9aa3b5; }
.gal-empty i { font-size:3rem; color:#d4dae6; margin-bottom:1rem; }

/* ====== PAGINATION ====== */
.gal-pagination .pagination { gap:.3rem; }
.gal-pagination .page-link { padding:0; border:1px solid #e3e7ef; border-radius:8px !important; color:#16213e; font-size:.85rem; overflow:hidden; }
.gal-pagination .page-link a { display:block; padding:.5rem .85rem; color:inherit; text-decoration:none; }
.gal-pagination .page-item.active .page-link { display:block; padding:.5rem .85rem; background:#1a73e8; border-color:#1a73e8; color:#fff; }
.gal-pagination .page-link:hover { background:#eef3fc; }
.gal-pagination .page-item.active .page-link:hover { background:#1a73e8; }