/* พื้นหลังมืดของ backdrop */
.modal-backdrop.show { opacity: .85; }

/* ตัว Popup ไม่มีกรอบ */
.condolence-modal .modal-content{
  background:#000;
  border:0 !important;
  border-radius:0;
  box-shadow:none;
  position:relative;
}

/* ลายไทยเต็มพื้นที่ */
.condolence-modal .inner-frame{
  border:0;
  margin:0;
  padding:0;
  background:#111 url('../img/pattern_thai.png') center/420px repeat;
  position:relative;
}

/* กรองความมืดบนลายไทย */
.condolence-modal .inner-frame::before{
  content:"";
  position:absolute; inset:0;
  background:rgba(0,0,0,.35);
  pointer-events:none;
}

/* ภาพเด่น */
.condolence-modal .portrait-only{
  position:relative; 
  z-index:1;
  width:100%;
  height:auto;
  border:0 !important;
  border-radius:12px;
  box-shadow:0 8px 30px rgba(0,0,0,.6);
}

/* ปุ่มปิดแบบสุภาพ (อยู่นอกกรอบเล็กน้อย) */
.condolence-modal .btn-close{
  position:absolute;
  top:-18px;
  right:-18px;
  z-index:3000 !important;
  width:38px;
  height:38px;
  background:rgba(0,0,0,0.55);
  border:2px solid #fff;
  border-radius:50%;
  filter:invert(1);
  opacity:1;
  backdrop-filter:blur(3px);
  transition:.25s;
}
.condolence-modal .btn-close:hover{
  background:rgba(255,255,255,0.8);
  filter:invert(0);
  border-color:#000;
}

/* ปรับขนาดบนจอเล็ก */
@media (max-width: 768px){
  .condolence-modal .btn-close{
    top:-14px; right:-14px; width:34px; height:34px;
  }
}