/* static/css/django_messages.css */
/* Basic styling for Django messages, adaptable to Bulma */
.django-messages .message {
    margin-bottom: 1rem;
    border-radius: 4px;
    padding: 1.25rem 2.5rem 1.25rem 1.5rem; /* Bulma-like padding */
    position: relative; /* For the delete button */
}

/* Bulma-like message colors */
.django-messages .message.is-success {
    background-color: #effaf3; /* Bulma success background */
    border-left: 5px solid #48c774; /* Bulma success color */
    color: #257942; /* Darker text for readability */
}

.django-messages .message.is-info {
    background-color: #eff5fb; /* Bulma info background */
    border-left: 5px solid #3e8ed0; /* Bulma info color */
    color: #296fa8;
}

.django-messages .message.is-warning {
    background-color: #fffbeb; /* Bulma warning background */
    border-left: 5px solid #ffdd57; /* Bulma warning color */
    color: #947600;
}

.django-messages .message.is-danger,
.django-messages .message.is-error { /* Django uses 'error' tag for errors */
    background-color: #feecf0; /* Bulma danger background */
    border-left: 5px solid #f14668; /* Bulma danger color */
    color: #cc0f35;
}

.django-messages .message .delete {
    /* Using Bulma's delete class, but can be styled if not using Bulma's JS for it */
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem; /* Adjust as needed */
    opacity: 0.7;
}

.django-messages .message .delete:hover {
    opacity: 1;
}