/* ================================ BACK TO TOP – VERSION MOBILE SAFE ================================ */ @media (max-width: 768px) { #backToTop { position: fixed !important; /* Position parfaite pour éviter conflits */ bottom: 95px !important; /* au-dessus du chatbot */ right: 20px !important; /* aligné avec le bouton du chatbot */ /* Taille réduite (mobile) */ padding: 10px 14px !important; font-size: 16px !important; border-radius: 40px !important; /* Ombre légère */ box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important; /* Animation propre */ transition: 0.3s ease !important; } /* Réduit l'agrandissement au hover pour mobile */ #backToTop:hover { transform: scale(1.08) !important; } } /* Bloc de liens rapides moderne */ .footer-links-modern { display: flex; flex-wrap: wrap; justify-content: start; gap: 20px; padding: 15px 10px; border-top: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.03); /* léger fond semi-transparent */ border-radius: 12px; backdrop-filter: blur(8px); /* effet blur moderne */ box-shadow: 0 8px 20px rgba(0,0,0,0.15); transition: transform 0.3s ease; } .footer-links-modern a { color: #ffffff; text-decoration: none; font-weight: 600; font-size: 0.95rem; position: relative; padding: 5px 0; transition: all 0.4s ease; } .footer-links-modern a::after { content: ''; position: absolute; left: 0; bottom: -3px; width: 0%; height: 2px; background: linear-gradient(90deg, #00bfff, #1effd1); border-radius: 2px; transition: width 0.4s ease; } .footer-links-modern a:hover { color: #00bfff; transform: translateY(-2px); } .footer-links-modern a:hover::after { width: 100%; } /* Effet responsive et mobile */ @media (max-width: 768px) { .footer-links-modern { flex-direction: column; gap: 12px; padding: 12px 8px; } } /* === Fix vide dans le HERO (corrections sans toucher au code existant) === */ /* Réduction intelligente du padding qui cause le grand vide */ .hero { padding-top: 90px !important; padding-bottom: 90px !important; } /* Supprime les marges inutiles qui poussent le contenu vers le bas */ .hero h1 { margin-top: 0 !important; } .hero .search-hero { margin-top: 10px !important; /* évite un espace gigantesque */ } /* Évite que l’image force un grand espace vertical */ .hero-image { max-height: 420px; width: auto !important; object-fit: contain !important; } /* Ajustement spécial mobile */ @media (max-width: 768px) { .hero { padding-top: 60px !important; padding-bottom: 70px !important; } } body { font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; } /* Remplacer l'ancien bloc "/* Navbar */" par ce bloc ci-dessous dans la