/* =========================================
   Creative Type: IMAGE (image-only)
   - outputs ONLY the image as the link
   - supports: Border / Shadow / Animate
   ========================================= */

.ad-creative--image .ad-card--image-only{
  display:block;
  text-decoration:none;
}

/* Outer wrapper you suggested: relative */
.ad-creative--image .ad-card--image-only .ad-media-wrap{
  position:relative;
}

/* Media wrapper (already used by render.php) */
.ad-creative--image .ad-card--image-only .ad-card__media{
  position:relative;
}

/* Image itself */
.ad-creative--image .ad-card--image-only .ad-card__media img{
  display:block;
  width:100%;
  height:auto;
}

/* ---------- Image option toggles ---------- */

/* Border */
.ad-creative--image .ad-card__media.ad-img--border{
  border:1px solid rgba(0,0,0,.15);
  border-radius:12px;
  overflow:hidden;
}

/* Drop Shadow */
.ad-creative--image .ad-card__media.ad-img--shadow{
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

/* Animate */
.ad-creative--image .ad-card__media.ad-img--animate img{
  transition:transform .22s ease;
}

.ad-creative--image .ad-card--image-only:hover .ad-card__media.ad-img--animate img{
  transform:scale(1.03);
}

/* Keyboard focus */
.ad-creative--image .ad-card--image-only:focus{
  outline:2px solid rgba(11,87,208,.35);
  outline-offset:3px;
  border-radius:12px;
}