/* Frontend + editor shared styles */
.creawee-post-gallery{
	display:grid;
	grid-template-columns: repeat(var(--creawee-columns, 3), minmax(0,1fr));
	gap: .75rem;
}
.creawee-post-gallery .creawee-pg-item{ margin:0; padding:0; }
.creawee-post-gallery .creawee-pg-item img{ width:100%; height:auto; display:block; border-radius:8px; }
.creawee-post-gallery .creawee-pg-caption{ font-size:.875rem; line-height:1.4; color:#555; margin-top:.25rem; text-align:center; }

/* Lightbox overlay */
.creawee-pg-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.9); display:flex; align-items:center; justify-content:center; z-index:99999; }
.creawee-pg-overlay img{ max-width:90vw; max-height:90vh; box-shadow:0 10px 30px rgba(0,0,0,.5); border-radius:10px; }
.creawee-pg-nav{ position:fixed; inset:0; pointer-events:none; }
.creawee-pg-btn{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); padding:.75rem 1rem; border-radius:999px; pointer-events:auto; cursor:pointer; user-select:none; }
.creawee-pg-btn:hover{ background:rgba(255,255,255,.2); }
.creawee-pg-btn-prev{ left:2rem; }
.creawee-pg-btn-next{ right:2rem; }
.creawee-pg-btn-close{ top:2rem; right:2rem; transform:none; }
.creawee-pg-btn span{ color:#fff; font-size:1rem; }

@media (max-width: 640px){
	.creawee-post-gallery{ gap:.5rem; }
	.creawee-pg-btn-prev{ left:1rem; }
	.creawee-pg-btn-next{ right:1rem; }
}