/* Image Download Plugin - Frontend Styles */

.idp-image-wrapper {
  position: relative;
  display: inline-block;
}

.idp-download-btn {
  position: absolute;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--idp-icon-size, 32px);
  height: var(--idp-icon-size, 32px);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: transform 0.18s ease, background 0.18s ease, opacity 0.18s ease;
  opacity: 0.92;
}

.idp-download-btn:hover, .idp-download-btn:focus {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.06);
  opacity: 1;
}

.idp-download-btn svg {
  width: 70%;
  height: 70%;
}

/* Positions */
.idp-pos-top-right { top: 6px; right: 6px; }
.idp-pos-top-left { top: 6px; left: 6px; }
.idp-pos-bottom-right { bottom: 6px; right: 6px; }
.idp-pos-bottom-left { bottom: 6px; left: 6px; }

/* Ensure wrapper doesn't break layout */
.idp-image-wrapper > img {
  display: block;
}

/* Non-intrusive on small images */
img[idp-small="1"] + .idp-download-btn {
  display: none !important;
}