/* Maison Drabiec - WP social share buttons (shop 5 coiffeur) */
.mdss-share{
  margin:2rem 0;
  padding:1rem 1.25rem;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  background:#fafafa;
  border-radius:.5rem;
}
.mdss-label{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:0 0 .75rem;
  color:#555;
  font-weight:600;
}
.mdss-buttons{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}
.mdss-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem 1rem;
  border-radius:9999px;
  border:0;
  cursor:pointer;
  font-size:.9rem;
  font-weight:600;
  color:#fff !important;
  line-height:1;
  text-decoration:none;
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.mdss-btn:hover{ transform:translateY(-1px); box-shadow:0 4px 10px rgba(0,0,0,.12); color:#fff !important; }
.mdss-btn:active{ transform:translateY(0); }
.mdss-btn:focus-visible{ outline:2px solid #111; outline-offset:2px; }
.mdss-btn svg{ flex:0 0 auto; }

.mdss-btn--fb{ background:#1877F2; }
.mdss-btn--fb:hover{ background:#0f5fcc; }
.mdss-btn--ig{ background:linear-gradient(45deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%); }
.mdss-btn--x{ background:#000; }

.mdss-feedback{
  margin:.6rem 0 0;
  font-size:.85rem;
  color:#1a7f37;
  min-height:1.1em;
}
.mdss-feedback.is-error{ color:#b42318; }

@media (max-width: 380px){
  .mdss-btn-label{ display:none; }
  .mdss-btn{ padding:.6rem .8rem; }
}