/* ==========================================================
   Plot Photos — كل تنسيقات الصور في هذا الملف فقط
   ========================================================== */
.plot-photo-inline{
  display:block;
  width:100%;
  margin:12px 0 0;
}

.plot-photo-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  min-height:0;
  height:auto;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#f1f5f9;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}

.plot-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0;
  object-fit:cover;
  object-position:center;
}

.plot-photo[hidden]{
  display:none!important;
}

.plot-photo-placeholder{
  width:100%;
  height:100%;
  min-height:0;
  padding:18px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  color:#64748b;
  background:linear-gradient(145deg,#f8fafc,#eef2f7);
}

.photo-placeholder-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,118,110,.10);
  color:#00bfae;
  font-size:26px;
  font-weight:800;
}

.plot-photo-placeholder b{
  font-size:13px;
  color:#172033;
}

.plot-photo-placeholder small{
  font-size:9px;
  line-height:1.6;
}

.plot-photo-caption{
  position:absolute;
  right:8px;
  bottom:8px;
  left:8px;
  z-index:2;
  padding:5px 9px;
  border-radius:8px;
  background:rgba(15,23,42,.70);
  color:#fff;
  font-size:10px;
  pointer-events:none;
}

@media(max-width:800px){
  .plot-photo-wrap{aspect-ratio:16/10}
}


/* Photo visibility hardening — يمنع أي CSS عام من إخفاء صورة القطعة */
.plot-photo.is-loaded {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:cover !important;
  position:relative !important;
  z-index:3 !important;
}
.plot-photo-placeholder[hidden] {
  display:none !important;
}


/* Hide video control */
.video-btn,.video-button,.video-control,.btn-video,.video-toggle,
[data-action="video"],[data-video],[data-tool="video"],
button[title*="فيديو"],button[aria-label*="فيديو"],
a[title*="فيديو"],a[aria-label*="فيديو"]{
  display:none!important;
}


/* Planning menu: video controls disabled */
#videoBtn,
#videoGuideBtn,
#mobileVideoBtn,
.video-action,
.video-menu-item,
[data-action="video"],
[data-video="project"],
a[href*="youtube.com"] .video-action{
  display:none !important;
}