/* Base */
body { font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; padding-top: 70px; }
.navbar-brand { padding: 15px 0; }


/* Hero */
.hero-section {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://picsum.photos/1920/1080?random=1') center/cover no-repeat;
    min-height: 60vh;
}


/* Services */
.service-box { padding: 30px; border-radius: 8px; transition: all .3s ease; background: #f9f9f9; }
.service-box:hover { transform: translateY(-8px); box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.service-icon { font-size: 50px; margin-bottom: 16px; color: #3498db; }


/* Communauté */
.community-section { background-color: #f5f5f5; }


/* Témoignages */
.testimonial { padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,.05); }
.testimonial img { width: 80px; height: 80px; object-fit: cover; }


/* Footer */
.footer .social-icons a { transition: color .3s ease; }
.footer .social-icons a:hover { color: #3498db !important; }


/* Animate on scroll helper */
[data-animate] { opacity: 0; }
/* Les rendre visibles une fois “en vue” */
.animate__animated.animate__in-view { opacity: 1; }


/* Personnalisation douce du popover profil */
.profile-popover {
    max-width: 360px; /* largeur max */
}
.profile-popover .popover-header {
    font-weight: 600;
}
.profile-popover .popover-body {
    padding: 0.75rem 1rem;
}