/* DFX MEDIA SOCIAL SHARE V101 */
.dfxShareRow{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:10px 12px 12px;
  border-top:1px solid #e8edf7;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.dfxShareLabel{
  margin-right:2px;
  font-size:11px;
  font-weight:900;
  color:#68758f;
  white-space:nowrap;
}
.dfxShareBtn{
  width:28px;
  height:28px;
  border-radius:50%;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  text-decoration:none!important;
  color:#fff!important;
  font-size:11px;
  font-weight:1000;
  line-height:1;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(23,40,90,.12);
  transition:transform .17s ease,box-shadow .17s ease,filter .17s ease;
}
.dfxShareBtn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(23,40,90,.18);
  filter:saturate(1.08);
}
.dfxShareBtn svg{width:14px;height:14px;fill:currentColor}
.dfxShareX{background:#111827!important}
.dfxShareWhatsApp{background:#25d366!important}
.dfxShareTelegram{background:#229ed9!important}
.dfxShareFacebook{background:#1877f2!important}
.dfxShareInstagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important}
.dfxShareCopy{
  width:auto;
  min-width:76px;
  padding:0 10px;
  border-radius:999px;
  background:#fff!important;
  color:#40506c!important;
  border:1px solid #dce4f3;
  box-shadow:none;
  gap:5px;
}
.dfxShareCopy svg{width:13px;height:13px}
.dfxShareToast{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:99999;
  transform:translate(-50%,16px);
  opacity:0;
  pointer-events:none;
  padding:11px 16px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 14px 38px rgba(15,23,42,.28);
  transition:.2s ease;
}
.dfxShareToast.show{opacity:1;transform:translate(-50%,0)}
/* Keep image and video cards visually balanced after adding the share row. */
body.dfxImagesPage .card,
body.dfxVideosPage .card{display:flex!important;flex-direction:column!important}
body.dfxImagesPage .card .dfxShareRow,
body.dfxVideosPage .card .dfxShareRow{margin-top:auto}
@media(max-width:520px){
  .dfxShareRow{gap:6px;padding:9px 10px 11px}
  .dfxShareBtn{width:27px;height:27px}
  .dfxShareCopy{width:auto;min-width:70px}
}