/* Yusr V11.11 — adaptive media frames + upload guidance */

/* Media frames: preserve the full original image, and fill unused space with a
   blurred copy of the same image instead of empty gray/white gutters. */
.v1111-adaptive-media{
  position:relative!important;isolation:isolate;overflow:hidden!important;
  background:#eaf1f4!important;border:1px solid #dce7ec!important
}
.v1111-adaptive-media::before{
  content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;
  background-image:var(--v1111-media-bg,linear-gradient(135deg,#eaf2f5,#f7fafb));
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  filter:blur(22px) saturate(.92);transform:scale(1.12);opacity:.42
}
.v1111-adaptive-media::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(8,52,74,.08))
}
.v1111-adaptive-media>img{
  position:relative!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;background:transparent!important;margin:0!important
}
.v1111-card-media{
  width:100%;aspect-ratio:16/9;height:auto!important;min-height:150px;max-height:240px;
  border-radius:16px;margin:0 0 15px!important
}
.v1111-detail-media{
  width:100%;height:clamp(300px,38vw,460px)!important;max-height:460px!important;
  border-radius:22px;margin-bottom:18px
}
/* Current image and browser preview use the same geometry, but stay compact. */
.v1110-current-media,.v119-upload-preview{overflow:hidden}
.v1110-current-media .v1111-adaptive-media,.v119-upload-preview .v1111-adaptive-media{
  max-height:280px;min-height:180px;border-radius:11px
}

/* Form guidance for image dimensions and file-size limits. */
.v1111-image-guidance,.v1111-file-limit,.v1111-image-status{
  display:block;margin-top:7px;color:#718294;font-size:11px;line-height:1.75
}
.v1111-image-guidance{padding:9px 11px;border-radius:12px;background:#f6fafb;border:1px solid #e3ecef;color:#536878}
.v1111-image-status{padding:8px 10px;border-radius:11px;background:#eef8f6;border:1px solid #d5ebe6;color:#216b5f}
.v1111-image-status.warning{background:#fff8eb;border-color:#f0dfb7;color:#7b5c18}
.v1111-upload-error{display:block;margin-top:7px;padding:8px 10px;border-radius:11px;background:#fff1f1;border:1px solid #efcccc;color:#a42e2e;font-size:11px;line-height:1.7}

@media(max-width:920px){
  .v1111-card-media{max-height:none;min-height:135px}
  .v1111-detail-media{height:clamp(220px,66vw,360px)!important;max-height:360px!important}
}
@media(max-width:520px){
  .v1111-detail-media{height:240px!important;max-height:240px!important}
  .v1111-adaptive-media::before{filter:blur(16px) saturate(.9);opacity:.38}
}