.diary-title{text-align:center;font-size:2rem;margin-bottom:20px;text-shadow:0 0 10px #b8860b}
.diary-card{border:2px solid #8b6f2a;background:linear-gradient(#1a1a1a,#111);padding:25px;margin-bottom:25px;box-shadow:0 0 15px rgba(184,134,11,0.3)}
.event-date{color:#b8860b;font-style:italic}
.diary-image{max-width:100%;margin:15px 0;border:2px solid #8b6f2a}
.drop-zone{border:2px dashed #8b6f2a;padding:30px;text-align:center;margin:15px 0;cursor:pointer;background:#111}
.drop-zone.dragover{background:#222}


/* GALLERY CATEGORY BUTTONS */
.gallery-categories{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:12px;
margin:25px auto;
width:100%;
}

.gallery-category-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 18px;
background:#111;
border:1px solid #8b6f2a;
color:#d4af37;
text-decoration:none;
border-radius:4px;
cursor:pointer;
transition:all .3s ease;
min-width:180px;
text-align:center;
font-family:'Cinzel', serif;
position:relative;
overflow:hidden;
}

/* HOVER STATE */
.gallery-category-btn:hover{
background:#3a2a05;
color:#ffd700;
box-shadow:0 0 12px rgba(184,134,11,.45);
transform:translateY(-2px);
}

/* ACTIVE CATEGORY */
.gallery-category-btn.active-category{
background:#8b6f2a;
color:#000;
box-shadow:
0 0 15px rgba(184,134,11,.75),
inset 0 0 8px rgba(0,0,0,.45);
font-weight:bold;
}

/* POPUP LIGHTBOX */
.gallery-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.85);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
}

.gallery-popup-image{
max-width:90%;
max-height:90%;
border:3px solid #8b6f2a;
box-shadow:0 0 25px rgba(184,134,11,.6);
}

.gallery-close{
position:absolute;
top:20px;
right:30px;
font-size:3rem;
cursor:pointer;
color:#d4af37;
}

/* ADMIN GALLERY PANEL */
.gallery-admin-panel{
border:2px solid #8b6f2a;
padding:25px;
margin-bottom:30px;
background:#111;
}

.gallery-admin-panel form{
max-width:700px;
margin:auto;
}