/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			DarkFire
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

.social-share {
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center; /* centre horizontalement */
}

.social-share .share-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

/* Effet bounce et ombre au survol */
.social-share .share-btn:hover {
  transform: scale(1.3) rotate(-5deg);
  box-shadow: 0 6px 15px rgba(0,0,0,0.35);
  animation: bounce 0.4s;
}

/* Couleurs par réseau */
.social-share .facebook { background: #3b5998; }
.social-share .facebook:hover { background: #334f88; }

.social-share .twitter { background: #1da1f2; }
.social-share .twitter:hover { background: #1991da; }

.social-share .linkedin { background: #0077b5; }
.social-share .linkedin:hover { background: #00669e; }

.social-share .whatsapp { background: #25D366; }
.social-share .whatsapp:hover { background: #1ebd5c; }

.social-share .email { background: #777; }
.social-share .email:hover { background: #555; }

.social-share .sms { background: #34b7f1; }
.social-share .sms:hover { background: #1ea1e0; }

.social-share .telegram { background: #0088cc; }
.social-share .telegram:hover { background: #0077aa; }

/* Animation bounce */
@keyframes bounce {
  0%   { transform: scale(1.0) rotate(0deg); }
  50%  { transform: scale(1.35) rotate(-5deg); }
  70%  { transform: scale(1.25) rotate(-3deg); }
  100% { transform: scale(1.3) rotate(-5deg); }
}