.female{
		background:url(../images/bg.png) #fff7fd center fixed !important;
	}

	.male {
		background:url(../images/bg.png) #ecfaff center fixed !important;
	}

	.other{
		background:url(../images/bg.png) #fafafa center fixed !important;
	}
	.text-muted{
		font-size: 0.9rem !important;
	}
	.text-muted:hover{
		color: #b63b2c !important;
	}
    .card {
      border-radius: 10px;
      box-shadow: 0 0 10px #eee;
    }
	.zoom-container{
	  transition: transform 0.3s ease;
	}

	.zoom-container:hover{
	  transform: scale(1.1);
	}
    .profile-pic {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: 50%;
    } 
	@keyframes green-glow {
	  0% {
		box-shadow: 0 0 0px #28a745;
	  }
	  50% {
		box-shadow: 0 0 8px 4px rgba(1, 223, 1, 0.6);
	  }
	  100% {
		box-shadow: 0 0 0px #28a745;
	  }
	}
	.grossi{
		font-size:14px!important;
	}
	.profile-pic.online {
	  border: 2px solid #28a745;
	  border-radius: 50%; /* Optionnel si tu veux un cercle */
	  animation: green-glow 2s infinite ease-in-out;
	}
	.profile-pic.online2 {
	  border: 2px solid #28a745;
	  border-radius: 50%; /* Optionnel si tu veux un cercle */
	}

   .message-bubble {
      border-radius: 1rem;
      padding: 1rem;
	  margin-top:40px!important;
	  margin-left:20px;
	  margin-right:20px;
	}
	.posted{
	  margin-left:20px;
	  margin-right:20px;
	}
    .comment-pic {
      width: 80px;
      height: 80px;
      object-fit: cover;
    }
    .comment-block {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
	
    .snap-icon {
      width: 50px;
      height: 50px;
    }
    .emoji-box {
      font-size: 2rem;
    }
    .icon-group i {
      font-size: 1.5rem;
      margin: 0 10px;
      cursor: pointer;
    }
    .topleftbadge {
      position: absolute;
      top: 1rem;
      left: 1rem;
      font-size: 0.75rem;
      padding: 0.3rem 0.6rem;
      border-radius: 12px;
      display: flex;
      align-items: center;
      gap: 0.3rem;
	  cursor: pointer;
	}
    .verif {
      color: #1976d2 !important;
    }
    .verified {
      background-color: #e3f2fd;
      color: #1976d2 !important;
    }
    .notverified {
      background-color: #fde3e8;
      color: #d21919;
    }
    .online-badge-late {
      background-color: #f9f8c1 !important;
      color: #E09D98 !important;

    }
    .online-badge {
      position: absolute;
      top: 1rem;
      right: 1rem;
      background-color: #d4edda;
      color: #28a745;
      font-size: 0.75rem;
      padding: 0.3rem 0.6rem;
      border-radius: 12px;
      display: flex;
      align-items: center;
      gap: 0.3rem;
    }
    .online-badge i {
      animation: pulse 1.5s infinite;
    }
    @keyframes pulse {
      0% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.3); opacity: 0.6; }
      100% { transform: scale(1); opacity: 1; }
    }
    .comment-button {
      background-color: #b63b2c;
      color: white;
    }
    .comment-button:hover {
      background-color: #a23225;
      color: white;
    }
    .comment-date {
      font-size: 0.8rem;
      color: #888;
      text-align: right;
    }
	.page-link {
	color: #b63b2c !important;
	}
	.bg-purple{
	background-color:#9457eb !important;
	color: #ffffff;
	}
	#actions .icon-group i {
	  width: 50px;
	  height: 50px;
	  line-height: 50px;       /* Pour centrer verticalement */
	  font-size: 1.8rem;       /* Agrandir un peu la taille de l'icône */
	  border-radius: 50%;      /* Cercle */
	  border: 2px solid #b63b2c; /* Bordure rouge foncé */
	  background-color: #fff;  /* Fond blanc */
	  color: #b63b2c;          /* Couleur des icônes */
	  display: inline-flex;     /* Pour centrer l'icône */
	  align-items: center;
	  justify-content: center;
	  margin: 0 5px;
	  cursor: pointer;
	  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
	}

	#actions .icon-group i:hover {
	  background-color: #b63b2c;
	  color: #fff;
	  box-shadow: 0 0 8px rgba(182, 59, 44, 0.6);
	}
	
	a{
	  color: #b63b2c;
	}
	.text-pink{
	  color: var(--bs-pink);
	}