/* New Modern Theme - Blue/Purple/Teal */

/* Override Background Colors */
body {
    background-color: #0f1419 !important; /* Deep navy blue instead of black */
}

.background-dark {
    background-color: #1a2332 !important; /* Deep blue-gray */
}

.background-dark-1 {
    background-color: #243447 !important; /* Medium blue-gray */
}

.background-dark-2 {
    background-color: #2d4358 !important; /* Lighter blue-gray */
}

.background-dark-3 {
    background-color: #365269 !important; /* Even lighter blue-gray */
}

/* Replace Red Colors (#ff6b6b) with Modern Blue */
.diabolical-form-container,
.task-result-card,
.analysis-card,
.subscription-card {
    border: 2px solid #3b82f6 !important; /* Modern blue */
    background: rgba(59, 130, 246, 0.1) !important;
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.3) !important;
}

/* Text colors that were red */
.analysis-card h4,
.distance-item .distance,
.ai-response-section h2,
.subscription-title,
.btn-rerun,
.places-list h4,
.place-card .rating {
    color: #3b82f6 !important; /* Modern blue */
}

/* Borders and accents that were red */
.ai-response-section,
.error-section,
.map-container,
.task-detail-header {
    /* border: 2px solid #3b82f6 !important; */
}

.ai-response-content {
    border-left: 4px solid #3b82f6 !important;
}

/* Text shadows that were red */
.ai-response-section h2,
.task-title {
    text-shadow: 0 0 15px #3b82f6 !important;
}

/* Replace Gold Colors (#ffd700) with Teal/Cyan */
.stats-list strong,
.distance-item .zip,
.btn-back,
.diabolical-form label,
.diabolical-results-title,
.place-card h5,
.route-section h2,
.map-section h2 {
    color: #06b6d4 !important; /* Modern teal */
}

/* Borders and accents that were gold */
.task-result-card,
.route-section,
.map-section {
    border: 2px solid #06b6d4 !important;
}

.btn-back {
    border: 1px solid #06b6d4 !important;
}

.btn-back:hover {
    background: #06b6d4 !important;
    color: #0f1419 !important;
}

/* Text shadows that were gold */
.diabolical-results-title,
.route-section h2,
.map-section h2 {
    text-shadow: 0 0 15px #06b6d4 !important;
}

/* Button gradients - replace red with blue */
.btn-diabolical,
.btn-rerun {
    background: linear-gradient(45deg, #3b82f6, #60a5fa) !important;
    color: #ffffff !important;
}

.btn-diabolical:hover,
.btn-rerun:hover {
    background: linear-gradient(45deg, #2563eb, #3b82f6) !important;
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4) !important;
}

/* Subscription page specific colors */
.subscription-container {
    background: linear-gradient(135deg, #0f1419 0%, #1a2332 50%, #0f1419 100%) !important;
}

.subscription-card {
    background: #1a2332 !important;
    border: 2px solid #3b82f6 !important;
}

.pricing-card {
    background: #243447 !important;
    border: 2px solid #06b6d4 !important;
}

.price {
    color: #06b6d4 !important;
}

/* Task page gradients and backgrounds */
.checkout-container {
    background: linear-gradient(135deg, #0f1419 0%, #1a2332 50%, #0f1419 100%) !important;
}

.checkout-card {
    background: #1a2332 !important;
    border: 2px solid #3b82f6 !important;
}

.feature-highlight {
    background: rgba(6, 182, 212, 0.1) !important;
    border: 2px solid #06b6d4 !important;
}

/* Social login button */
.google-btn {
    background: #3b82f6 !important;
}

.google-btn:hover {
    background: #2563eb !important;
}

/* Place cards hover effects */
.place-card:hover {
    border-color: #06b6d4 !important;
}

/* Meta theme colors */
meta[name="theme-color"] {
    content: "#3b82f6" !important;
}

/* Animation keyframes - update glow effects */
@keyframes glow-blue {
    from { text-shadow: 0 0 20px #3b82f6; }
    to { text-shadow: 0 0 30px #3b82f6, 0 0 40px #3b82f6; }
}

@keyframes glow-teal {
    from { text-shadow: 0 0 15px #06b6d4; }
    to { text-shadow: 0 0 25px #06b6d4, 0 0 35px #06b6d4; }
}

/* Apply animations */
.glow-text {
    animation: glow-blue 2s ease-in-out infinite alternate;
}

.glow-text-teal {
    animation: glow-teal 2s ease-in-out infinite alternate;
}

/* Additional specific overrides for any missed elements */
/* Charts and data visualization */
.chart-container {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid #3b82f6 !important;
}

/* Progress bars */
.progress-bar {
    background: linear-gradient(90deg, #3b82f6, #06b6d4) !important;
}

/* Links and interactive elements */
a[style*="#ff6b6b"] {
    color: #3b82f6 !important;
}

a[style*="#ffd700"] {
    color: #06b6d4 !important;
}

/* Any remaining red/gold elements */
[style*="#ff6b6b"] {
    color: #3b82f6 !important;
}

[style*="#ffd700"] {
    color: #06b6d4 !important;
}

/* Background gradient overrides */
[style*="linear-gradient"][style*="#ff6b6b"] {
    background: linear-gradient(45deg, #3b82f6, #60a5fa) !important;
}

[style*="linear-gradient"][style*="#ffd700"] {
    background: linear-gradient(45deg, #06b6d4, #22d3ee) !important;
}

/* Theme color meta tags override */
meta[name="theme-color"][content="#212121"] {
    content: "#3b82f6" !important;
}

meta[name="msapplication-navbutton-color"][content="#212121"] {
    content: "#3b82f6" !important;
}

meta[name="apple-mobile-web-app-status-bar-style"][content="#212121"] {
    content: "#3b82f6" !important;
}

/* Comprehensive inline style overrides */
/* Red color overrides */
[style*="color: #ff6b6b"],
[style*="color:#ff6b6b"],
[style*="color: rgb(255, 107, 107)"] {
    color: #3b82f6 !important;
}

/* Gold/Yellow color overrides */
[style*="color: #ffd700"],
[style*="color:#ffd700"],
[style*="color: rgb(255, 215, 0)"] {
    color: #06b6d4 !important;
}

/* Background color overrides */
[style*="background: #0a0a0a"],
[style*="background:#0a0a0a"],
[style*="background-color: #0a0a0a"],
[style*="background-color:#0a0a0a"] {
    background: #0f1419 !important;
    background-color: #0f1419 !important;
}

[style*="background: #1a1a1a"],
[style*="background:#1a1a1a"],
[style*="background-color: #1a1a1a"],
[style*="background-color:#1a1a1a"] {
    background: #1a2332 !important;
    background-color: #1a2332 !important;
}

[style*="background: #2a2a2a"],
[style*="background:#2a2a2a"],
[style*="background-color: #2a2a2a"],
[style*="background-color:#2a2a2a"] {
    background: #243447 !important;
    background-color: #243447 !important;
}

/* Border overrides */
[style*="border: 2px solid #ff6b6b"],
[style*="border:2px solid #ff6b6b"],
[style*="border-color: #ff6b6b"],
[style*="border-color:#ff6b6b"] {
    border-color: #3b82f6 !important;
}

[style*="border: 2px solid #ffd700"],
[style*="border:2px solid #ffd700"],
[style*="border-color: #ffd700"],
[style*="border-color:#ffd700"] {
    border-color: #06b6d4 !important;
}

[style*="border: 1px solid #ffd700"],
[style*="border:1px solid #ffd700"] {
    border-color: #06b6d4 !important;
}

/* Box shadow overrides */
[style*="box-shadow"][style*="255, 107, 107"] {
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.3) !important;
}

[style*="box-shadow"][style*="255, 215, 0"] {
    box-shadow: 0 0 30px rgba(6, 182, 212, 0.3) !important;
}

/* Text shadow overrides */
[style*="text-shadow"][style*="#ff6b6b"] {
    text-shadow: 0 0 15px #3b82f6 !important;
}

[style*="text-shadow"][style*="#ffd700"] {
    text-shadow: 0 0 15px #06b6d4 !important;
}

/* Success and error state overrides */
.success-title[style*="#ff6b6b"] {
    color: #3b82f6 !important;
}

/* Button state overrides */
.btn-primary[style*="#4caf50"] {
    background: #3b82f6 !important;
}

.btn-primary[style*="#4caf50"]:hover {
    background: #2563eb !important;
}

/* Form element styling */
.card-element.StripeElement--focus[style*="#ff6b6b"] {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

/* Additional responsive overrides */
@media (max-width: 768px) {
    [style*="color: #ff6b6b"] {
        color: #3b82f6 !important;
    }
    
    [style*="color: #ffd700"] {
        color: #06b6d4 !important;
    }
}

/* Print media overrides */
@media print {
    [style*="color: #ff6b6b"] {
        color: #3b82f6 !important;
    }
    
    [style*="color: #ffd700"] {
        color: #06b6d4 !important;
    }
}