/* Erős scope, hogy semmi mással ne ütközzön */
.lightbox-modal { --lb-gap: clamp(20px, 3vw, 36px); }
.lightbox-modal .lb-close { position:absolute; right:10px; top:10px; z-index:3; }

/* IMAGE ONLY – keret/padding nélkül, a kép teljes egészében látszik */
.lightbox-modal.lb-mode-image .modal-content.lb-no-chrome{
  background: transparent; border: 0; box-shadow: none;
}
.lb-image-only{ max-height:90vh; display:flex; align-items:center; justify-content:center; }
.lb-img-contain{
  max-width:100%;
  max-height:90vh;
  width:auto; height:auto;
  object-fit:contain;
  display:block;
}

/* TEXT ONLY – vertikális közép, balra zárt, erős cím */
.lb-text-only{ min-height: clamp(340px, 60vh, 580px); padding: var(--lb-gap); }
.lb-copy{ width:100%; max-width:620px; margin-left:0; margin-right:auto; }
.lb-title{
  font-weight:800;
  line-height:1.15;
  font-size: clamp(26px, 3.2vw, 38px);
  margin:0 0 12px 0;
}
.lb-body{
  font-size: clamp(14px, 1.3vw, 16px);
  line-height:1.55;
  color:#333;
}
.lb-body ul{ list-style: disc; padding-left: 1.2em; }

/* MIXED – kép bal, szöveg jobb, a mintakép hangulatával */
.lb-mixed{
  display:grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  min-height: clamp(400px, 68vh, 640px);
}
.lb-media{ position:relative; background:#f3f3f3; }
.lb-img-cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.lb-copy-wrap{
  padding: var(--lb-gap);
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.lb-copy{ max-width:520px; }

/* Checkbox igazítás – "Ma már ne mutassa" */
.form-check{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top: 1rem !important;
}
.form-check-input{
  width:1.1em; height:1.1em;
  margin-top:0 !important;
}
.form-check-label{
  font-size: 0.9rem;
  line-height: 1.4;
  margin-top:0;
}

/* Bootstrap modal alapok – ne legyen belső görgetés desktopon */
.lightbox-modal .modal-dialog{ margin: auto; }
.lightbox-modal .modal-content{ max-height:none; }

/* Csak 640px alatt stackeljen (eddig 820px volt) */
@media (max-width: 640px){
  .lb-mixed{ grid-template-columns: 1fr; }
  .lb-media{ height: 42vh; }
  .lb-copy-wrap{ align-items:flex-start; }
}