/* Mobile Light Theme Overrides - v106 */
/* Force cache refresh with high version number */

/* Force "En savoir plus" to stay on one line on mobile */
@media (max-width: 768px) {
    .service-link {
        white-space: nowrap !important;
        font-size: 0.8rem !important;
        display: inline-flex !important;
    }
}

@media (max-width: 1024px) {
    /* LIGHT MODE ONLY - CARDS white with defined borders */
    [data-theme="light"] .service-card,
    [data-theme="light"] .feature-item,
    [data-theme="light"] .process-step,
    [data-theme="light"] .automation-content,
    [data-theme="light"] .n8n-showcase {
        border: 2px solid rgba(100, 116, 139, 0.25) !important;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12) !important;
        background: rgba(255, 255, 255, 0.98) !important;
    }

    /* LIGHT MODE ONLY - HERO BADGE blue */
    [data-theme="light"] .hero-badge {
        background: rgba(59, 130, 246, 0.2) !important;
        border: 2px solid rgba(59, 130, 246, 0.5) !important;
        color: #1d4ed8 !important;
        font-weight: 600 !important;
    }

    [data-theme="light"] .badge-dot {
        background: #2563eb !important;
        box-shadow: 0 0 8px rgba(37, 99, 235, 0.6) !important;
    }

    /* LIGHT MODE ONLY - CONTACT BUTTON lighter */
    [data-theme="light"] .navbar .nav-actions .btn-primary {
        background: rgba(59, 130, 246, 0.75) !important;
        border: 2px solid rgba(59, 130, 246, 0.4) !important;
        opacity: 0.9 !important;
    }

    [data-theme="light"] .navbar .nav-actions .btn-primary:hover {
        background: rgba(59, 130, 246, 0.9) !important;
        opacity: 1 !important;
    }

    /* Make cards pop more in light mode */
    [data-theme="light"] .service-card,
    [data-theme="light"] .feature-item {
        border: 2px solid rgba(71, 85, 105, 0.3) !important;
        box-shadow: 
            0 8px 30px rgba(0, 0, 0, 0.15),
            0 0 20px rgba(59, 130, 246, 0.15),
            0 0 40px rgba(59, 130, 246, 0.1) !important;
        transition: all 0.3s ease !important;
    }

    /* Glow effect on hover in light mode */
    [data-theme="light"] .service-card:hover,
    [data-theme="light"] .feature-item:hover {
        box-shadow: 
            0 12px 40px rgba(0, 0, 0, 0.2),
            0 0 30px rgba(59, 130, 246, 0.25),
            0 0 60px rgba(59, 130, 246, 0.15) !important;
        transform: translateY(-4px) !important;
        border-color: rgba(59, 130, 246, 0.5) !important;
    }
}