/* 
  Custom styles for Responsive Personal Profile 
  Focusing intensely on micro-interactions since layout is 100% Bootstrap
*/

body {
    -webkit-font-smoothing: antialiased;
}

/* Hover Utilities */
.hover-primary {
    transition: color 0.2s ease-in-out;
}
.hover-primary:hover {
    color: #0d6efd !important; /* Bootstrap Primary Blue */
}

.hover-opacity {
    transition: opacity 0.2s ease-in-out;
}
.hover-opacity:hover {
    opacity: 0.7;
}

/* Card lifting interaction */
.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.hover-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 3rem rgba(51, 49, 49, 0.233) !important; /* Emulates Bootstrap shadow-lg */
}

/* Form inputs slight focus improvement natively matching bootstrap */
.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15); /* Dark focus ring */
}

/* Base fade-in animation for initial load */
.custom-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 1s ease forwards;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.taille-gras{
  margin-bottom: 50px;   /* ajoute de l’espace sous ce texte */
}
.taille-wj{
  margin-bottom: 65px;   /* ajoute de l’espace sous ce texte */        /* tu peux aussi changer la couleur si besoin */
}

.link1{
    text-decoration: none;
}