/**
 * Frontend Theme Override CSS
 * Replaces all purple/old color schemes with professional Blue (#106EBE) and Mint (#0FFCBE) theme
 * This file should be loaded last to override any inline styles
 * 
 * Color Palette:
 * - Primary Blue: #106EBE
 * - Primary Blue Dark: #0d5a9a
 * - Accent Mint: #0FFCBE
 * - Accent Mint Dark: #0cc99f
 */

/* Update CSS Variables to use new colors */
:root {
    --primary-blue: #106EBE !important;
    --primary-blue-dark: #0d5a9a !important;
    --accent-mint: #0FFCBE !important;
    --accent-mint-dark: #0cc99f !important;
}

/* ============================================
   COLOR OVERRIDES - Replace Purple with Blue/Mint
   ============================================ */

/* Replace purple gradients with Blue gradients */
.announcement-bar,
[style*="#667eea"],
[style*="#764ba2"],
[style*="667eea"],
[style*="764ba2"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* Welcome Page Announcement Bar */
.announcement-bar {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* Welcome Page Buttons */
.btn-enroll {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
    box-shadow: 0 8px 25px rgba(16, 110, 190, 0.3) !important;
}

.btn-enroll:hover {
    box-shadow: 0 12px 35px rgba(16, 110, 190, 0.4) !important;
}

/* All purple gradient backgrounds */
[style*="linear-gradient"][style*="#667eea"],
[style*="linear-gradient"][style*="#764ba2"],
[style*="linear-gradient"][style*="667eea"],
[style*="linear-gradient"][style*="764ba2"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* Specific class overrides for purple gradients */
.modern-header,
.card-header,
.modern-test-card .test-card-header,
.form-card .card-header,
.trainee-header,
.certificate-header {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* ============================================
   WELCOME PAGE SPECIFIC OVERRIDES
   ============================================ */

/* Hero Carousel */
.modern-hero-carousel .carousel-overlay {
    background: linear-gradient(135deg, rgba(16, 110, 190, 0.7) 0%, rgba(13, 90, 154, 0.5) 100%) !important;
}

/* Carousel Indicators */
.carousel-indicators-modern button.active {
    background: #0FFCBE !important;
    border-color: #0FFCBE !important;
}

/* ============================================
   TRAINEE DASHBOARD OVERRIDES
   ============================================ */

/* Trainee Dashboard Headers */
.trainee-header,
.modern-header,
[class*="header"][style*="#667eea"],
[class*="header"][style*="#764ba2"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* Certificate Pages */
.certificate-header,
.certificate-container [style*="#667eea"],
.certificate-container [style*="#764ba2"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* ============================================
   FORM AND CARD OVERRIDES
   ============================================ */

/* Form Card Headers */
.form-card .card-header,
.trainee-form .card-header,
.registration-container .card-header {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
}

/* Test Cards */
.modern-test-card .test-card-header,
.test-selection-container .test-card-header {
    background: linear-gradient(135deg, rgba(16, 110, 190, 0.1), rgba(15, 252, 190, 0.1)) !important;
    border-left: 4px solid #106EBE !important;
}

/* ============================================
   BUTTON OVERRIDES
   ============================================ */

/* All buttons with purple backgrounds */
.btn[style*="#667eea"],
.btn[style*="#764ba2"],
button[style*="#667eea"],
button[style*="#764ba2"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
    border-color: #106EBE !important;
}

.btn-primary,
.btn[class*="primary"] {
    background: linear-gradient(135deg, #106EBE 0%, #0d5a9a 100%) !important;
    border-color: #106EBE !important;
}

.btn-primary:hover,
.btn[class*="primary"]:hover {
    background: linear-gradient(135deg, #0d5a9a 0%, #106EBE 100%) !important;
    box-shadow: 0 6px 20px rgba(16, 110, 190, 0.4) !important;
}

/* ============================================
   TEXT COLOR OVERRIDES
   ============================================ */

/* Purple text colors */
[style*="color"][style*="purple"],
[style*="color"][style*="#667eea"],
[style*="color"][style*="#764ba2"] {
    color: #106EBE !important;
}

/* ============================================
   BORDER COLOR OVERRIDES
   ============================================ */

/* Purple borders */
[style*="border"][style*="#667eea"],
[style*="border"][style*="#764ba2"],
[style*="border-color"][style*="purple"] {
    border-color: #106EBE !important;
}

/* ============================================
   BACKGROUND COLOR OVERRIDES
   ============================================ */

/* Purple backgrounds */
[style*="background"][style*="#667eea"],
[style*="background"][style*="#764ba2"],
[style*="background-color"][style*="purple"] {
    background-color: #106EBE !important;
}

/* ============================================
   SPECIFIC PAGE OVERRIDES
   ============================================ */

/* About Us Page */
.about-section {
    border-left-color: #106EBE !important;
}

/* Results Page */
.result-card:hover {
    border-color: #106EBE !important;
}

/* Gallery Page */
.gallery-item:hover {
    border-color: #106EBE !important;
}

/* Contact Us Page */
.contact-form .form-control:focus {
    border-color: #106EBE !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 110, 190, 0.25) !important;
}

/* ============================================
   ACCENT COLORS - Mint for Highlights
   ============================================ */

/* Use mint for accents and highlights */
.highlight,
.accent,
[class*="badge"],
[class*="tag"] {
    background: linear-gradient(135deg, #0FFCBE 0%, #0cc99f 100%) !important;
    color: #2d3748 !important;
}

/* Active states use mint */
.active,
[class*="active"] {
    border-color: #0FFCBE !important;
}

/* Hover states */
a:hover,
button:hover,
[class*="hover"]:hover {
    color: #106EBE !important;
}

/* ============================================
   RESPONSIVE OVERRIDES
   ============================================ */

@media (max-width: 768px) {
    .announcement-bar {
        padding: 10px 0 !important;
    }
    
    .btn-enroll {
        padding: 12px 24px !important;
        font-size: 1rem !important;
    }
}

/* ============================================
   ANIMATION OVERRIDES
   ============================================ */

@keyframes gradientShift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Ensure all gradient animations use new colors */
[style*="animation"][style*="gradient"] {
    background: linear-gradient(90deg, #106EBE, #0FFCBE, #106EBE) !important;
}