/*
 * UNA Media Collections (Single) — v1.0040
 * هدف: تحسين شكل (صور/فيديو/ملفات/روابط) بدون سلايدر وبدون مكتبات.
 */

.una-media{margin-top:24px;max-width:100%}
.una-media *{max-width:100%}

.una-media__section{margin-top:22px}
.una-media__title{margin:0 0 12px;font-size:1.15rem;line-height:1.35;display:flex;align-items:center;gap:10px}
.una-media__title:before{content:"";width:12px;height:12px;border-radius:4px;background:currentColor;opacity:.22;flex:0 0 auto}

/* -----------------------------
 * Gallery
 * --------------------------- */
.una-media__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.una-media__item{display:block;overflow:hidden;border-radius:14px;position:relative;isolation:isolate}
.una-media__img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transform:translateZ(0);transition:transform .25s ease}
.una-media__item:hover .una-media__img{transform:scale(1.04)}

@media(min-width:768px){
  .una-media__grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}

/* -----------------------------
 * Videos
 * --------------------------- */
.una-media__videos-list{display:grid;gap:14px}
.una-media__video{border-radius:14px;overflow:hidden}
.una-media__video-inner{position:relative;width:100%;aspect-ratio:16/9}
.una-media__video-inner iframe,
.una-media__video-inner embed,
.una-media__video-inner object{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:100%}
.una-media__video-link{margin:0}
.una-media__video-link a{
  text-decoration:none;
  font-weight:600;
  color: var(--una-color-link, inherit);
}
.una-media__video-link a:hover{ color: var(--una-color-link-hover, var(--una-color-primary)); }

@media(min-width:768px){
  /* Show videos in 2 columns on desktop/tablet for better density */
  .una-media__videos-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* -----------------------------
 * Files
 * --------------------------- */
.una-media__files-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.una-media__file{min-width:0}
.una-media__file-a{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;
  text-decoration:none;border:1px solid rgba(0,0,0,.08);min-width:0;
  color: var(--una-color-link, inherit);
}
.una-media__file-a:hover{text-decoration:none}
.una-media__file-a:hover{ color: var(--una-color-link-hover, var(--una-color-primary)); }
.una-media__file-ic{display:grid;place-items:center;min-width:36px;height:36px;border-radius:12px;background:rgba(0,0,0,.06);font-weight:800;font-size:.72rem;letter-spacing:.02em;opacity:.95;padding:0 6px;box-sizing:border-box;text-transform:uppercase}
.una-media__file-txt{display:grid;gap:4px;min-width:0}
.una-media__file-name{font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.una-media__file-meta{font-size:.86rem;opacity:.75;line-height:1.2}

/* -----------------------------
 * Related links
 * --------------------------- */
.una-media__links-ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.una-media__link{padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.08)}
.una-media__link-title{
  font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color: var(--una-color-link, inherit);
}
.una-media__link-title:hover{ color: var(--una-color-link-hover, var(--una-color-primary)); }
.una-media__link-title:after{content:"↗";opacity:.6;font-size:.95em;flex:0 0 auto}
[dir="rtl"] .una-media__link-title:after{content:"↖"}
.una-media__link-desc{margin-top:7px;opacity:.82;line-height:1.5;word-break:break-word}

/* Safety: long URLs inside content */
.una-media a{word-break:break-word}



/* === P1: Make file/video/link lists look like elegant bullet lists === */
.una-media__files-list{gap:8px;}
.una-media__file-a{
  border:0;
  background:transparent;
  padding:0;
  border-radius:0;
  gap:10px;
}
.una-media__file-a:hover{background:transparent;}
.una-media__file-a{
  position:relative;
  padding-inline-start:18px;
}
.una-media__file-a:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background: var(--una-color-primary, currentColor);
  opacity:.85;
  position:absolute;
  inset-inline-start:0;
  top: 0.95em;
  transform: translateY(-50%);
}
.una-media__file-ic{display:none;}
.una-media__file-name{white-space:normal;overflow:visible;text-overflow:clip;}
.una-media__file-meta{display:inline-block;margin-inline-start:8px;}

.una-media__links-ul{gap:8px;}
.una-media__link{
  border:0;
  background:transparent;
  padding:0;
  border-radius:0;
  position:relative;
  padding-inline-start:18px;
}
.una-media__link:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background: var(--una-color-primary, currentColor);
  opacity:.85;
  position:absolute;
  inset-inline-start:0;
  top: 0.95em;
  transform: translateY(-50%);
}
.una-media__link-title{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;}
.una-media__link-desc{margin-top:4px;font-size:.95em;opacity:.78;}