/* Responsive Alert */
.responsive-alert {
    position: fixed;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    border-radius: 0 0 10px 10px;
    padding: 0.5rem 1rem;
    max-width: 90vw;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    background-color: #dc3545; /* Bootstrap danger */
    color: white;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

/* Medium screen adjustment */
@media (max-width: 768px) {
    .responsive-alert {
        font-size: 1rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Small screen adjustment */
@media (max-width: 480px) {
    .responsive-alert {
        font-size: 0.85rem;
        padding: 0.3rem 0.6rem;
    }
}