/* Container principal (Ordinateur / Tablette) */
.share-container {

	/* fixe le partage en bas */
	position: fixed;
	bottom: 0px;
  
 	display: flex;
	flex-wrap: wrap;
	gap: 12px;
  
	/*align-items: center;*/
	justify-content: center; /* CENTRAGE DU BLOC D'ICÔNES */
	width: 100%;             /* S'assure qu'il prend toute la largeur */
  
	height: 50px; 

	/* border:1px solid rgba(255,255,255,1);*/
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 90%);  	
	z-index:1000;
}

/* Style de base des boutons */
.share-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
  flex-shrink: 0; /* Empêche la déformation */
}

.share-btn i {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1;
}

.share-btn:hover {
  opacity: 0.85;
  transform: translateY(-3px);
}

.share-btn span {
  display: none !important;
}

/* Couleurs des réseaux */
.btn-native   { background-color: #2b2b2b; display: none !important; }
.btn-facebook { background-color: #1877f2; }
.btn-x        { background-color: #000000; }
.btn-linkedin { background-color: #0a66c2; }
.btn-whatsapp { background-color: #25d366; }
.btn-telegram { background-color: #229ed9; }
.btn-pinterest{ background-color: #e60023; }
.btn-email    { background-color: #777777; }

/* ===================================================
   ADAPTATION SMARTPHONE (Écrans < 480px, Portrait)
   =================================================== */
/* Adaptation Smartphone (Écrans < 480px, Portrait) */
@media (max-width: 768px) {
  .share-container {
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: center; /* Garde le centrage sur mobile */
  }

  .share-btn {
    width: 34px;
    height: 34px;
  }

  .share-btn i {
    font-size: 14px !important;
  }
}