/* Prevent Bootstrap auto-dismissal via fade class */
.alert.fade.show {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}

/* Ensure alerts don't auto-hide through transitions or animations */
.alert {
    transition: none !important;
    animation: none !important;
}

/* Override any Bootstrap auto-dismiss functionality */
.alert-dismissible .btn-close {
    padding-right: 1.25rem !important;
}

/* Persistent notification area */
#persistent-flash-area {
    margin: 20px 0;
    padding: 10px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
}

#persistent-flash-area:empty {
    display: none;
}

/* Style for all persistent notifications */
.persistent-notification,
#persistent-flash-area .alert {
    margin-bottom: 10px;
    position: relative;
    padding-right: 40px; /* Space for close button */
    border-left: 5px solid rgba(0, 123, 255, 0.7); /* Left border for visual distinction */
}

#persistent-flash-area .alert:last-child {
    margin-bottom: 0;
}

/* Custom close button positioning */
.persistent-notification .btn-close,
.persistent-notification .persistent-close,
#persistent-flash-area .btn-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Service-specific styling */
.netflix-page #persistent-flash-area,
.netflix-page .persistent-notification {
    border-color: rgba(229, 9, 20, 0.7);
    background-color: rgba(229, 9, 20, 0.05);
}

.disney-page #persistent-flash-area,
.disney-page .persistent-notification {
    border-color: rgba(0, 99, 229, 0.7);
    background-color: rgba(0, 99, 229, 0.05);
}

.hulu-page #persistent-flash-area,
.hulu-page .persistent-notification {
    border-color: rgba(28, 231, 131, 0.7);
    background-color: rgba(28, 231, 131, 0.05);
}

.amazon-page #persistent-flash-area,
.amazon-page .persistent-notification {
    border-color: rgba(0, 168, 225, 0.7);
    background-color: rgba(0, 168, 225, 0.05);
}

.max-page #persistent-flash-area,
.max-page .persistent-notification {
    border-color: rgba(115, 41, 174, 0.7);
    background-color: rgba(115, 41, 174, 0.05);
}