/* ===================================================================
   FINAL ENHANCEMENTS - Testimonials, Why Use Remode, Footer
   =================================================================== */

/* Enhanced testimonials section background */
.testimonials-section {
    background: linear-gradient(135deg,
        rgba(250, 240, 255, 0.5) 0%,
        rgba(255, 245, 250, 0.6) 50%,
        rgba(252, 248, 255, 0.5) 100%
    ) !important;
    position: relative;
}

.testimonials-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 30% 20%, rgba(147, 51, 234, 0.05) 0%, transparent 40%),
        radial-gradient(circle at 70% 80%, rgba(255, 111, 207, 0.05) 0%, transparent 40%);
    pointer-events: none;
}

/* Enhanced testimonial cards */
.testimonial-card {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08),
                0 4px 12px rgba(147, 51, 234, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.testimonial-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12),
                0 6px 16px rgba(147, 51, 234, 0.08) !important;
}

/* Enhanced star ratings */
.testimonial-rating {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
    font-size: 0.938rem !important;
}

/* Enhanced Why Use Remode section */
.why-remode {
    background: linear-gradient(135deg, #f8f7f9 0%, #f3f1f5 50%, #ebe8ee 100%) !important;
}

.why-remode::after {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(180, 75, 255, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 111, 207, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(147, 51, 234, 0.02) 0%, transparent 50%);
    animation: float 20s ease-in-out infinite;
    pointer-events: none;
}

/* Enhanced benefit cards in Why Use Remode */
.benefit-card {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06),
                0 2px 8px rgba(147, 51, 234, 0.08) !important;
    border: 1px solid rgba(147, 51, 234, 0.1) !important;
}

.benefit-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.1),
                0 8px 24px rgba(147, 51, 234, 0.15) !important;
}

/* Enhanced icon containers */
.benefit-icon {
    background: linear-gradient(135deg, rgba(180, 75, 255, 0.12) 0%, rgba(255, 111, 207, 0.12) 100%) !important;
    box-shadow: 0 4px 16px rgba(147, 51, 234, 0.2),
                inset 0 2px 4px rgba(255, 255, 255, 0.6) !important;
}

.benefit-card:hover .benefit-icon {
    transform: scale(1.1) !important;
    background: linear-gradient(135deg, rgba(180, 75, 255, 0.18) 0%, rgba(255, 111, 207, 0.18) 100%) !important;
}

/* Better contrast for micro stats - much darker for readability */
.micro-stat {
    color: #5B21B6 !important; /* Deep purple for strong contrast */
    font-weight: 700 !important; /* Bold weight */
    font-size: 0.813rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    opacity: 1 !important; /* Ensure full opacity */
}

/* Alternative: Use a purple-tinted gray for even better readability */
@media screen {
    .micro-stat {
        color: #4C3575 !important; /* Purple-tinted dark gray */
    }
}

.benefit-card:hover .micro-stat {
    color: #4C1D95 !important; /* Royal purple on hover */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Enhanced footer design */
.footer {
    background: linear-gradient(135deg, 
        rgba(20, 12, 35, 0.98) 0%, 
        rgba(35, 20, 55, 0.96) 50%,
        rgba(50, 28, 75, 0.98) 100%) !important;
    position: relative;
}

.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(180, 75, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 111, 207, 0.06) 0%, transparent 40%);
    pointer-events: none;
}

/* Enhanced footer links */
.footer-column a {
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: 400;
    transition: all 0.3s ease;
}

.footer-column a:hover {
    color: white !important;
    transform: translateX(4px);
    text-shadow: 0 2px 8px rgba(180, 75, 255, 0.4);
}

/* Better footer bottom styling */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative;
}

.footer-bottom::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(180, 75, 255, 0.4) 50%, 
        transparent 100%);
}

/* Enhanced footer privacy statement */
.footer-privacy-statement {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

/* Float animation */
@keyframes float {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(30px, -30px) rotate(120deg); }
    66% { transform: translate(-20px, 20px) rotate(240deg); }
}

/* Enhanced footer tagline */
.footer-tagline {
    font-size: 1.125rem !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
}

/* Center app badges in CTA sections */
.testimonials-cta .hero-app-badges,
.section-cta .hero-app-badges {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Enhanced footer logo */
.footer-logo {
    font-size: 2.5rem !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Enhanced footer disclaimer */
.footer-disclaimer {
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.6 !important;
}

/* Enhanced footer personality text */
.footer-personality {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
    font-size: 0.938rem !important;
}