body {
  background:#fff4f9;
  font-family: "Poppins", sans-serif;
}

  
   
  :root{
      --bg:#fff7f9;           /* fond très clair */
      --card:#fff;            /* cartes blanches */
      --muted:#4A001F;
      --accent1:#ff7a95;      /* corail/rose */
      --accent2:#6ee7b7;      /* vert menthe */
      --accent3:#ffd580;      /* or doux */
      --glass: rgba(0,0,0,0.03);
    }
  
  .navbar{background:linear-gradient(90deg, rgba(255,255,255,0.9), rgba(255,255,255,0.95)); box-shadow: 0 2px 8px rgba(11,18,32,0.05);}
    .brand{background: linear-gradient(90deg,var(--accent1),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800;}
    .search-card{background:var(--card); padding:1rem; border-radius:12px; border:1px solid rgba(11,18,32,0.04); box-shadow:0 6px 30px rgba(11,18,32,0.03);}
    .card-prof{background:var(--card); border-radius:12px; border:1px solid rgba(11,18,32,0.04); box-shadow:0 8px 30px rgba(11,18,32,0.04); aspect-ratio: 1/1 }
    .avatar{height:100%; object-fit:cover; border-radius:12px; width:100%;  aspect-ratio : 9 / 9 ;}
    .nav-avatar-btn{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid rgba(11,18,32,0.06);}
    .nav-avatar-btn img{width:100%;height:100%;object-fit:cover;}
    .nav-avatar-large{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(11,18,32,0.06);}
    .brand:hover{background: linear-gradient(90deg,var(--accent1),var(--accent2)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:800;}
    .nav-link{
    border-radius:20px ;
    font-weight: bold;
       color: #ff0c85;
       transition: all 700ms ease;
      }

      .nav-link:hover{
        color:  white;
        font-weight: bolder;
        background:#f58599;
        border:1px solid #ff0c85;
     }
    
    @media (max-width:767px){ .avatar{height:100%;} ;.nav-avatar-text{display:none;} ; .navitem > .nav-link{text-align:start ; border-radius:none;
    font-weight: bold;
       color: #ff0c85;
        background: none ;
       
       } 
   .nav-item > .nav-link:hover{
        color:  var(--muted);
        font-weight: bolder;
        background:none;
        border:none;
      } }
  
       @media (min-width:800px) {
        body{font-size: 1.2em;}

         #title{
            font-size:1.8em !important;
          }

         
     } 


     @media (min-width:774px) { .navbar-nav{position:relative; right: 4em;}}
 
     /* burger */

/* Style de base de l'icône */
.hamburger-icon svg {
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

/* Couleur bordeaux pour toutes les lignes */
.hamburger-icon .line {
  fill: #4A001F; /* Ta couleur bordeaux */
  transition: y 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  transform-origin: center;
}

/* --- ÉTAT OUVERT (quand .collapsed est ENLEVÉE par Bootstrap) --- */

/* La ligne du haut descend et tourne */
.navbar-toggler:not(.collapsed) .hamburger-icon .line.top {
  y: 35px; /* Aligne sur la ligne du milieu */
  transform: rotate(45deg);
}

/* La ligne du milieu disparaît */
.navbar-toggler:not(.collapsed) .hamburger-icon .line.middle {
  /* opacity: 0; */
  display: none;
}

/* La ligne du bas monte et tourne dans l'autre sens */
.navbar-toggler:not(.collapsed) .hamburger-icon .line.bottom {
  y: 35px; /* Aligne sur la ligne du milieu */
  transform: rotate(-45deg);
}
/* fin */
  
.header {
  background:#ff7a95;
  color:white;
  padding:25px;
  text-align:center;
  margin-top: 20px ;
}

.card-custom {
  border-radius:15px;
  border:1px solid #ffe0ef;
  background:white;
}
.btn-exotic {
  background:#ff7a95;
  color:white;
  font-weight:bold;
  border-radius:30px;
}
.btn-exotic:hover {
  background:#e2006f;
  color:white;
}
a {
  color:#ff0c85;
}
a:hover {
  color:#e2006f;
}