/* Fix for Event Modal Inputs */
#modal-event-edit .input-group input,
#modal-event-edit .input-group select {
    box-sizing: border-box !important; /* Ensure padding doesn't overflow width */
    max-width: 100%;
}

/* Fix for 3-column layout (Day/Month/Time) */
#modal-event-edit .grid-3-col {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr 1fr; /* Make Day smaller, Month larger */
    gap: 10px;
    margin-bottom: 10px;
}

/* Fix for Gallery Delete Button Visibility */
.gallery-photo-item {
    position: relative;
    overflow: visible !important; /* Allow button to overflow if needed, though usually inside is fine */
}

.gallery-photo-item .demo-delete-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    background: white; /* White background for visibility */
    color: #E23E57; /* Red icon */
    border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    width: 32px;
    height: 32px;
    opacity: 1 !important; /* Always visible */
    margin: 0;
    cursor: pointer;
}

.gallery-photo-item .demo-delete-btn:hover {
    transform: scale(1.1);
    background: #E23E57;
    color: white;
    border-color: #E23E57;
}