/* Limondo Popup Creator — Frontend Styles */

.lpp-popup-wrap {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.lpp-popup-wrap.lpp-visible { pointer-events: auto; }
.lpp-popup-wrap.lpp-hidden  { display: none; }

/* Positions */
.lpp-pos-top         { align-items: flex-start; padding-top: 2rem; }
.lpp-pos-bottom      { align-items: flex-end; padding-bottom: 2rem; }
.lpp-pos-top-left    { align-items: flex-start; justify-content: flex-start; padding: 2rem; }
.lpp-pos-top-right   { align-items: flex-start; justify-content: flex-end; padding: 2rem; }
.lpp-pos-bottom-left { align-items: flex-end; justify-content: flex-start; padding: 2rem; }
.lpp-pos-bottom-right{ align-items: flex-end; justify-content: flex-end; padding: 2rem; }

/* Overlay */
.lpp-overlay {
  position: fixed; inset: 0;
  background: rgba(18,17,14,.55);
  z-index: 1;
}

/* Popup box */
.lpp-popup {
  position: relative;
  z-index: 2;
  width: 90%;
  border-radius: 12px;
  padding: 2.4rem 2rem;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

/* Close button */
.lpp-close {
  position: absolute; top: .8rem; right: 1rem;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; line-height: 1;
  background: rgba(0,0,0,.08); border: none; border-radius: 50%;
  color: inherit; cursor: pointer; opacity: .6;
  transition: opacity .2s, background .2s;
}
.lpp-close:hover { opacity: 1; background: rgba(0,0,0,.14); }

/* Content */
.lpp-popup__content { line-height: 1.7; }
.lpp-popup__content img { max-width: 100%; height: auto; border-radius: 6px; }
.lpp-popup__content h1,.lpp-popup__content h2,.lpp-popup__content h3 { margin-top: 0; }
.lpp-popup__content a { text-decoration: underline; }
.lpp-popup__content p:last-child { margin-bottom: 0; }

/* ==========================================================================
   Animations
   ========================================================================== */

/* Fade */
.lpp-anim-fade .lpp-popup {
  opacity: 0; transition: opacity .35s ease;
}
.lpp-anim-fade.lpp-visible .lpp-popup { opacity: 1; }

/* Slide up */
.lpp-anim-slide-up .lpp-popup {
  opacity: 0; transform: translateY(30px);
  transition: opacity .35s ease, transform .35s ease;
}
.lpp-anim-slide-up.lpp-visible .lpp-popup { opacity: 1; transform: none; }

/* Slide down */
.lpp-anim-slide-down .lpp-popup {
  opacity: 0; transform: translateY(-30px);
  transition: opacity .35s ease, transform .35s ease;
}
.lpp-anim-slide-down.lpp-visible .lpp-popup { opacity: 1; transform: none; }

/* Zoom */
.lpp-anim-zoom .lpp-popup {
  opacity: 0; transform: scale(.88);
  transition: opacity .3s ease, transform .3s ease;
}
.lpp-anim-zoom.lpp-visible .lpp-popup { opacity: 1; transform: scale(1); }

/* Overlay fade */
.lpp-overlay {
  opacity: 0; transition: opacity .3s ease;
}
.lpp-visible .lpp-overlay { opacity: 1; }

@media (max-width: 600px) {
  .lpp-popup { padding: 1.6rem 1.2rem; }
  .lpp-pos-top-left, .lpp-pos-top-right,
  .lpp-pos-bottom-left, .lpp-pos-bottom-right { padding: 1rem; }
}