/* ═══════════════════════════════════════════════
   AIC GALLERY — front-end styles
   Memakai variabel tema bila ada, dengan fallback.
   ═══════════════════════════════════════════════ */
.aicg-wrap{width:100%}
.aicg-grid{
  display:grid;
  grid-template-columns:repeat(var(--aicg-cols,3),1fr);
  gap:18px;
}
.aicg-item{margin:0;position:relative}
.aicg-link{
  display:block;position:relative;overflow:hidden;
  border-radius:14px;
  background:var(--gc-bg,rgba(255,255,255,.05));
  border:1px solid var(--gc-bd,rgba(255,255,255,.10));
  aspect-ratio:4/3;
  text-decoration:none;
}
.aicg-link img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.22,.9,.35,1);
}
.aicg-link:hover img{transform:scale(1.06)}
.aicg-cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:22px 14px 12px;
  font-family:'DM Sans',-apple-system,sans-serif;
  font-size:12.5px;font-weight:600;color:#fff;
  background:linear-gradient(to top,rgba(5,13,26,.86),transparent);
  opacity:0;transform:translateY(6px);
  transition:opacity .3s,transform .3s;
}
.aicg-link:hover .aicg-cap{opacity:1;transform:none}

/* Tombol Load More */
.aicg-more-wrap{display:flex;justify-content:center;margin-top:32px}
.aicg-more{
  cursor:pointer;
  font-family:'DM Sans',-apple-system,sans-serif;
  font-size:14px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#1565C0,#1E88E5);
  border:none;border-radius:100px;
  padding:14px 38px;
  box-shadow:0 4px 20px rgba(21,101,192,.45),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .2s,box-shadow .2s,opacity .2s;
}
.aicg-more:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(21,101,192,.6)}
.aicg-more:disabled{opacity:.6;cursor:default;transform:none}
.aicg-more[hidden]{display:none}

.aicg-empty{
  padding:40px 24px;text-align:center;
  border:1px dashed var(--gc-bd,rgba(255,255,255,.15));
  border-radius:14px;color:var(--tm,#9fb3c8);
  font-family:'DM Sans',sans-serif;
}

/* Fade-in item baru */
.aicg-item.aicg-new{opacity:0;transform:translateY(12px)}
.aicg-item.aicg-in{opacity:1;transform:none;transition:opacity .5s,transform .5s}

/* ── Lightbox ── */
.aicg-lightbox{
  position:fixed;inset:0;z-index:99999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(3,8,18,.92);backdrop-filter:blur(6px);
  padding:32px;
}
.aicg-lightbox[hidden]{display:none}
.aicg-lb-img{
  max-width:92vw;max-height:82vh;object-fit:contain;
  border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.aicg-lb-cap{
  position:absolute;bottom:20px;left:0;right:0;text-align:center;
  color:#fff;font-family:'DM Sans',sans-serif;font-size:14px;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.aicg-lb-close,.aicg-lb-prev,.aicg-lb-next{
  position:absolute;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.aicg-lb-close:hover,.aicg-lb-prev:hover,.aicg-lb-next:hover{background:rgba(255,255,255,.22)}
.aicg-lb-close{top:20px;right:24px;font-size:30px}
.aicg-lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.aicg-lb-next{right:20px;top:50%;transform:translateY(-50%)}

/* Responsive */
@media(max-width:900px){
  .aicg-grid{grid-template-columns:repeat(2,1fr);gap:14px}
}
@media(max-width:560px){
  .aicg-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .aicg-cap{opacity:1;transform:none;font-size:11px;padding:16px 10px 9px}
  .aicg-lb-prev,.aicg-lb-next{width:40px;height:40px;font-size:22px}
  .aicg-more{width:100%;padding:15px}
}