/* AutoPartsX Original Look & Feel Restored */
/* Combining best of original with current improvements */

/* ===================================
   RESTORE ORIGINAL CLEAN AESTHETICS
   =================================== */

/* Hero Section - Original Clean Style */
.hero-section {
    position: relative;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #312e81 100%);
    overflow: hidden;
}

/* Original subtle overlay */
.hero-overlay {
    background: rgba(0, 0, 0, 0.2);
}

/* Original decorative blobs - subtle and tasteful */
.decorative-blob {
    mix-blend-multiply;
    filter: blur(64px);
    opacity: 0.2;
    animation: pulse 3s ease-in-out infinite;
}

/* ===================================
   REMOVE ALL EXCESSIVE BLUR
   =================================== */

/* NO backdrop-blur on cards - original was clean */
.card,
.metric-card,
.feature-card,
[class*="bg-white/"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Cards should be SOLID like original */
.bg-white\/10,
.bg-white\/20 {
    background-color: transparent !important;
    backdrop-filter: none !important;
}

/* Original used solid white/colored backgrounds */
.feature-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
}

/* ===================================
   ORIGINAL TYPOGRAPHY
   =================================== */

/* Original title style - clean and bold */
h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}

@media (min-width: 768px) {
    h1 {
        font-size: 3.75rem;
    }
}

/* Original gradient text - simple and effective */
.gradient-text {
    background: linear-gradient(90deg, #60a5fa, #a78bfa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===================================
   ORIGINAL FEATURE CARDS
   =================================== */

/* Express Lane - Original Green */
.express-lane-card {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #bbf7d0;
    padding: 2rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

.express-lane-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Standard Trust - Original Blue */
.standard-trust-card {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
    padding: 2rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

/* Hybrid System - Original Purple */
.hybrid-system-card {
    background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
    border: 1px solid #e9d5ff;
    padding: 2rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

/* ===================================
   ORIGINAL ICON STYLING
   =================================== */

/* Icon containers - original solid colors */
.icon-container {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.icon-container.green {
    background-color: #10b981;
}

.icon-container.blue {
    background-color: #3b82f6;
}

.icon-container.purple {
    background-color: #8b5cf6;
}

.icon-container i {
    color: white;
    font-size: 1.5rem;
}

/* ===================================
   ORIGINAL BUTTON STYLES
   =================================== */

/* Primary button - original gradient */
.btn-primary {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    color: white;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1.125rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: none;
}

.btn-primary:hover {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
    transform: scale(1.05);
}

/* ===================================
   ORIGINAL SECTIONS
   =================================== */

/* White sections - clean and simple */
.section-white {
    background-color: #ffffff;
    padding: 5rem 0;
}

/* Light sections */
.section-light {
    background-color: #f8fafc;
    padding: 5rem 0;
}

/* Dark sections - original gradient */
.section-dark {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
    color: white;
    padding: 5rem 0;
}

/* ===================================
   ORIGINAL TRUST INDICATORS
   =================================== */

.trust-indicator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #cbd5e1;
    font-weight: 500;
}

.trust-indicator i {
    color: #10b981;
    font-size: 1.25rem;
}

/* ===================================
   ORIGINAL SEARCH BAR
   =================================== */

.search-input {
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    border-radius: 0.5rem;
    border: 2px solid transparent;
    background: white;
    color: #0f172a;
    transition: all 0.3s ease;
}

.search-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* ===================================
   METRICS DISPLAY - ORIGINAL STYLE
   =================================== */

/* Original had NO card backgrounds for metrics */
.metric-display {
    text-align: center;
    padding: 1.5rem;
    /* NO background - just text on gradient */
}

.metric-value {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.metric-label {
    font-size: 0.875rem;
    opacity: 0.9;
}

/* ===================================
   KEEP CURRENT IMPROVEMENTS
   =================================== */

/* Keep sidebar improvements (not covered by pages) */
#sidebar {
    /* Current improvements are good - keep them */
}

/* Keep top navbar improvements */
nav.fixed {
    /* Current improvements are good - keep them */
}

/* Keep main content padding for fixed nav */
main.pt-16 {
    /* Current improvements are good - keep them */
}

/* ===================================
   REMOVE PROBLEMATIC STYLES
   =================================== */

/* Remove white overlay cards */
.bg-white\/10.backdrop-blur-sm {
    background: transparent !important;
    backdrop-filter: none !important;
}

/* Remove all backdrop blur */
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-lg,
.backdrop-blur-xl {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ===================================
   CRISP RENDERING
   =================================== */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* No filter effects on content */
section,
div,
article,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    filter: none !important;
}

/* ===================================
   ORIGINAL COLOR PALETTE
   =================================== */

:root {
    --emerald-50: #f0fdf4;
    --emerald-100: #dcfce7;
    --emerald-500: #10b981;

    --blue-50: #eff6ff;
    --blue-100: #dbeafe;
    --blue-500: #3b82f6;
    --blue-600: #2563eb;

    --purple-50: #faf5ff;
    --purple-100: #f3e8ff;
    --purple-500: #8b5cf6;
    --purple-600: #7c3aed;

    --slate-50: #f8fafc;
    --slate-300: #cbd5e1;
    --slate-600: #475569;
    --slate-900: #0f172a;
}

/* ===================================
   RESPONSIVE - ORIGINAL APPROACH
   =================================== */

@media (max-width: 640px) {
    h1 {
        font-size: 2rem;
    }

    .feature-card {
        padding: 1.5rem;
    }

    .icon-container {
        width: 3rem;
        height: 3rem;
    }
}

/* ===================================
   ACCESSIBILITY - KEEP ORIGINAL
   =================================== */

*:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

/* ===================================
   ANIMATIONS - ORIGINAL SUBTLE
   =================================== */

@keyframes pulse {

    0%,
    100% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.15;
    }
}

.animate-pulse {
    animation: pulse 3s ease-in-out infinite;
}

/* ===================================
   FINAL OVERRIDES
   =================================== */

/* Force remove any blur that might be applied */
body * {
    backdrop-filter: none !important;
}

/* Keep only decorative background blurs */
.absolute.rounded-full.mix-blend-multiply {
    filter: blur(64px) !important;
    opacity: 0.2 !important;
}

/* Ensure solid backgrounds for cards */
.card,
.enterprise-card,
.kpi-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: none !important;
}