/**
 * Brand Color Overrides - Minimal Essential Fixes Only
 * Fixes legacy inline styles that can't be changed in templates
 */

/* ========================================
   LEGACY INLINE STYLE OVERRIDES
   Fix hardcoded old Bootstrap colors in templates
   ======================================== */

/* Old Bootstrap primary (#0d6efd) → New primary (#2563eb) */
[style*="color: #0d6efd"],
[style*="color:#0d6efd"] {
    color: #2563eb !important;
}

[style*="background: #0d6efd"],
[style*="background:#0d6efd"],
[style*="background-color: #0d6efd"],
[style*="background-color:#0d6efd"] {
    background-color: #2563eb !important;
}

[style*="border-color: #0d6efd"],
[style*="border-color:#0d6efd"] {
    border-color: #2563eb !important;
}

/* Hover states for quiz matching/true-false options */
.true-false-option:hover,
.matching-item:hover {
    border-color: #2563eb !important;
}

.true-false-option.selected,
.matching-item.selected {
    background: #2563eb !important;
    color: white !important;
    border-color: #2563eb !important;
}

/* Fill blank inputs */
.fill-blank-input:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15) !important;
}

/* ========================================
   MODAL ENHANCEMENTS
   ======================================== */

.modal-header {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    color: white;
    border-bottom: none;
}

.modal-header .btn-close {
    filter: brightness(0) invert(1);
}

/* ========================================
   ACCESSIBILITY & REDUCED MOTION
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}