/* like buttons */

.btn-like {
    background-color: var(--brown-4);
    border: 2px solid var(--brown-1);
    transition: all 0.3s ease;
 }

 .btn-like-mobile {
    background-color: var(--brown-4);
    border: 2px solid var(--brown-1);
    transition: all 0.3s ease;
 }

 .btn-circle {
    background-color: var(--brown-4);
    border: 2px solid var(--brown-1);
    transition: all 0.3s ease;
 }
 
 @media (max-width: 576px) {
    .btn-like {
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
    }
    .btn-like-mobile {
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
    }
    .btn-circle {
        padding: 0.25rem 0.75rem;
        font-size: 0.875rem;
    }
 }
 
 .btn-like:hover {
    background-color: var(--brown-3);
    border-color: var(--brown-2);
 }

 .btn-like-mobile:hover {
    background-color: var(--brown-3);
    border-color: var(--brown-2);
 }
 
 .btn-like.liked {
    background-color: var(--brown-2);
    animation: pulse 0.5s;
 }

 .btn-like-mobile.liked {
    background-color: var(--brown-2);
    animation: pulse 0.5s;
 }
 
 @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
 }

 /* Conteneur des notifications */
 .alert-message {
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: var(--secondary);
    color: var(--brown-5);
    font-size: 14px;
    text-align: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.alert-message.success {
    border: 1px solid var(--brown-5);
}

.alert-message.error {
    background-color: #dc3545;
    color: #fff;
}

.alert-message-mobile {
    margin-top: 10px;
    margin-bottom:10px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: var(--secondary);
    color: var(--brown-5);
    font-size: 14px;
    text-align: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.alert-message-mobile.success {
    border: 1px solid var(--brown-5);
}

.alert-message-mobile.error {
    background-color: #dc3545;
    color: #fff;
}

.d-none {
    display: none;
}