/*
 * multisharer-2026.css — moderne del-panel for ZoomSounds-forken.
 * Mørkt, afrundet "frosted"-panel der matcher et mørkt WordPress-tema i stedet
 * for den gamle knald-hvide kasse. Arver temaets skrifttype (font: inherit),
 * større og tydeligere tekst, brand-farvede chips med farvet hover-glow.
 * Scoped til del-popup'en (.box-main-for-share) — rører ikke andre lightboxes.
 */

/* -- selve popup-kortet: mørkt, rundt, blødt ophøjet -- */
.dzsap-main-con .overlay-background {
  background: rgba(14, 14, 18, 0.62) !important;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.box-main-for-share .box-main-media.type-inlinecontent {
  height: auto !important; min-height: 250px;
  background: #1b1b21 !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow: 0 24px 70px -12px rgba(0, 0, 0, 0.65) !important;
  padding: 26px 28px !important;
  color: #eaeaef;
}
.box-main-for-share .real-media { border-radius: 0 !important; }

/* -- panelets tekst -- */
.dzsap-share-2026 { font-family: inherit; text-align: left; }
.dzsap-share-2026__heading {
  font-size: 19px; font-weight: 600; margin: 0 0 4px; color: #f6f6f8;
  letter-spacing: .1px;
}
.dzsap-share-2026__sub {
  font-size: 14px; line-height: 1.45; color: #9a9aa7; margin: 0 0 20px;
}

/* -- netværks-chips -- */
.dzsap-share-2026__grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 20px 10px; margin-bottom: 22px;
}
.dzsap-share-net {
  display: flex !important; flex-direction: column; align-items: center;
  gap: 9px; text-decoration: none; cursor: pointer; background: none; border: 0;
}
.dzsap-share-net__icon {
  width: 54px; height: 54px; border-radius: 17px;
  background: var(--net, #333);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 24px; line-height: 1;
  transition: transform .16s ease, box-shadow .16s ease;
}
.dzsap-share-net__icon .fa { color: #fff; }
.dzsap-share-net__icon svg { width: 25px; height: 25px; fill: #fff; display: block; }
.dzsap-share-net:hover .dzsap-share-net__icon {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px -6px var(--net, rgba(0,0,0,.5));
}
.dzsap-share-net__label {
  font-size: 13px; color: #c4c4ce; white-space: nowrap; font-weight: 500;
}

.dzsap-share-net--x .dzsap-share-net__icon { border: 1px solid rgba(255,255,255,.22); }
.dzsap-share-net--copy .dzsap-share-net__icon {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); color: #d4d4dc;
}
.dzsap-share-net--copy .dzsap-share-net__icon .fa { color: #d4d4dc; }
.dzsap-share-net.is-copied .dzsap-share-net__icon {
  background: rgba(46, 204, 113, .18); border-color: rgba(46, 204, 113, .5);
}
.dzsap-share-net.is-copied .dzsap-share-net__label { color: #4ecb8b; }

/* -- redigerbart del-tekst-felt -- */
.dzsap-share-2026__textlabel {
  display: block; font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .06em; color: #8a8a97; margin: 0 0 8px;
}
.dzsap-share-2026__text {
  width: 100%; box-sizing: border-box; min-height: 62px; resize: vertical;
  border: 1px solid rgba(255,255,255,.13); border-radius: 13px; padding: 12px 14px;
  font-family: inherit; font-size: 15px; line-height: 1.5; color: #ececf1;
  background: rgba(255,255,255,.05);
}
.dzsap-share-2026__text:focus {
  outline: none; border-color: #e5478f;
  box-shadow: 0 0 0 3px rgba(229, 71, 143, .18);
}

/* -- det gamle "Share Link"-afsnit under panelet, i samme mørke stil -- */
.share-link-con .social-heading,
.embed-link-con .social-heading {
  font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .06em; color: #8a8a97; margin: 16px 0 8px;
}
.share-link-con .field-for-view,
.embed-link-con .field-for-view {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
  border-radius: 11px; padding: 11px 14px; font-size: 13px; color: #c4c4ce;
  word-break: break-all;
}