/*
Theme Name: Event Gallery
Version: 2.3
*/
body { font-family: sans-serif; background: #131313; color: #e3e3e3; margin: 0; padding: 15px 10px; }
.upload-actions { display: flex; gap: 10px; margin-bottom: 20px; }
.btn { background: #3c4043; color: #e8eaed; padding: 10px 15px; border-radius: 20px; text-align: center; flex-grow: 1; font-weight: 500; cursor: pointer; }
#pseudo-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #131313; text-align: center; padding-top: 30vh; z-index: 1000; }
.carousel-top { display: flex; overflow-x: auto; gap: 10px; padding-bottom: 10px; }
.carousel-item { flex: 0 0 65%; aspect-ratio: 3/4; position: relative; border-radius: 16px; overflow: hidden; background: #202124; }
.carousel-item img { width: 100%; height: 100%; object-fit: cover; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.grid-item { aspect-ratio: 1; overflow: hidden; background: #202124; position: relative; }
.grid-item img { width: 100%; height: 100%; object-fit: cover; }
.card-overlay { position: absolute; bottom: 0; width: 100%; padding: 5px; background: linear-gradient(transparent, rgba(0,0,0,0.8)); display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
.like-btn { background: rgba(0,0,0,0.5); border: 1px solid #5f6368; border-radius: 15px; color: white; cursor: pointer; padding: 2px 8px; }
#lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2000; justify-content: center; align-items: center; }
#lightbox img { max-width: 100%; max-height: 100%; }