/* Only custom styles that aren't handled by Bootstrap */
.member-row .remove-member {
    visibility: hidden;
}

.member-row:not(:only-child) .remove-member {
    visibility: visible;
}

/* Optional: Custom focus styles */
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.hero-image {
    max-width: 200px;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* Optional: hover effect */
.hero-image:hover {
    transform: scale(1.02);
}