/**
 * Custom Toast Notification Styles
 * Overrides Bootstrap defaults for WCAG compliance
 */

/* WCAG 1.4.3: Fix warning toast color contrast */
.toast.bg-warning-custom {
    background-color: #ff9800 !important; /* Material Design Orange 500 */
    color: #000000 !important; /* Black text provides 7.14:1 contrast ratio */
}

.toast.bg-warning-custom .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Focus indicators for keyboard navigation (WCAG 2.4.7) */
.toast:focus {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
}

.toast .btn-close:focus {
    outline: 3px solid #0d6efd;
    outline-offset: 2px;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Mobile responsive positioning (Phase 3) */
@media (max-width: 576px) {
    .toast-container {
        bottom: 0 !important;
        top: auto !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
        width: calc(100% - 20px);
        max-width: 400px;
        padding-bottom: 1rem !important;
    }

    .toast {
        width: 100%;
    }
}

/* Reduced motion support (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
    .toast {
        transition: none !important;
        animation: none !important;
    }
}

/* Improved touch targets for mobile (WCAG 2.5.5) */
.toast .btn-close {
    min-width: 44px;
    min-height: 44px;
    padding: 0.5rem;
}