/* Professional Theme Fixes - Version 3.2.4 */
/* Fixing contrast, readability, and professional appearance */

/* Override problematic blue backgrounds */
.bg-gradient-to-r.from-navy.to-medical-blue {
    background: linear-gradient(135deg, #1e3a5f 0%, #2a4a6f 100%) !important;
}

/* Fix header banner */
.professional-banner,
#launchBanner {
    background: #1e3a5f !important;
    color: #ffffff !important;
    padding: 12px 20px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Fix the hero section title */
h2 span.bg-gradient-to-r {
    background: linear-gradient(135deg, #1e3a5f 0%, #4a90e2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Fix the broken "You're Not Alone" text */
h2.text-4xl.md\:text-6xl {
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

h2 span.text-3xl.md\:text-4xl {
    display: block !important;
    margin-top: 0.5rem !important;
    color: #4b5563 !important; /* Professional gray */
}

/* Fix blue tagline bubble */
.inline-block.px-8.py-3.bg-gradient-to-r.from-navy.to-medical-blue {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border: 2px solid #1e3a5f;
    font-weight: 600;
}

/* Fix "How AppealArmor Works" section */
.bg-gradient-to-r.from-navy.to-medical-blue:not(footer) {
    background: #f8f9fa !important; /* Light gray background */
    color: #2c3e50 !important; /* Dark text for readability */
    border: 1px solid #e0e0e0;
}

/* Fix the three-column section */
.bg-gradient-to-br.from-navy.to-medical-blue {
    background: #ffffff !important;
    border: 2px solid #1e3a5f !important;
    color: #1e3a5f !important;
}

/* Fix text on blue backgrounds */
.from-navy.to-medical-blue h3,
.from-navy.to-medical-blue h4,
.from-navy.to-medical-blue p {
    color: #2c3e50 !important; /* Dark gray for readability */
}

/* Fix icon containers in "How it Works" */
.w-20.h-20.bg-gradient-to-br.from-navy.to-medical-blue {
    background: #1e3a5f !important;
}

.w-20.h-20.bg-gradient-to-br.from-medical-blue.to-light-blue {
    background: #4a90e2 !important;
}

.w-20.h-20.bg-gradient-to-br.from-trust-gray.to-professional-gray {
    background: #6b7280 !important;
}

/* Ensure white text on dark backgrounds */
.w-20.h-20 i.text-white {
    color: #ffffff !important;
}

/* Fix June's message box */
.bg-white.rounded-2xl.p-8.shadow-lg {
    background: #ffffff !important;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* Fix the main CTA button */
.btn-hope {
    background: #1e3a5f !important;
    color: #ffffff !important;
    border: none;
    padding: 1rem 2rem;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(30, 58, 95, 0.25);
    transition: all 0.3s ease;
}

.btn-hope:hover {
    background: #2a4a6f !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 58, 95, 0.35);
}

/* Fix the test mode button */
.bg-success-green {
    background: #10b981 !important;
    color: #ffffff !important;
}

.bg-success-green:hover {
    background: #059669 !important;
}

/* Fix privacy section */
.bg-white.rounded-2xl.border-2.border-green-500 {
    background: #f0fdf4 !important;
    border-color: #10b981 !important;
}

/* Fix footer to ensure readability */
footer.bg-gradient-to-r.from-navy.to-medical-blue {
    background: linear-gradient(135deg, #1e3a5f 0%, #2a4a6f 100%) !important;
}

footer p,
footer span {
    color: #ffffff !important;
    opacity: 1 !important;
}

footer a {
    color: #60a5fa !important;
}

/* Fix any remaining blue-on-blue text issues */
.text-navy {
    color: #1e3a5f !important;
}

.text-medical-blue {
    color: #4a90e2 !important;
}

/* Ensure all paragraph text is readable */
p.text-gray-600,
p.text-gray-700 {
    color: #4b5563 !important;
    line-height: 1.6;
}

/* Fix the "How AppealArmor Works" header */
h3.text-2xl.font-bold.text-center {
    color: #1e3a5f !important;
    margin-bottom: 1.5rem;
}

/* Professional card styling */
.rounded-2xl {
    border-radius: 12px !important;
}

.shadow-lg {
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
}

/* Fix trust signals section */
.flex.flex-wrap.justify-center.items-center.gap-6 .text-navy {
    color: #1e3a5f !important;
}

/* Remove any animation that looks unprofessional */
.animate-pulse {
    animation: none !important;
}

/* Ensure forms look professional */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    border: 2px solid #e5e7eb !important;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: border-color 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #1e3a5f !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

/* Fix loading spinner colors */
.fa-circle-notch.fa-spin.text-navy {
    color: #1e3a5f !important;
}

/* Ensure all headers are readable */
h1, h2, h3, h4, h5, h6 {
    color: #1e3a5f !important;
    font-weight: 600;
}

/* Fix any gradient text that might be unreadable */
.bg-clip-text.text-transparent {
    -webkit-text-fill-color: initial !important;
    color: #1e3a5f !important;
}

/* Override any remaining purple/pink */
.text-purple-700,
.bg-purple-50,
.border-purple-500,
.from-purple-100,
.to-purple-50 {
    color: #1e3a5f !important;
    background-color: #f8f9fa !important;
    border-color: #1e3a5f !important;
}