.medon-sg{--medon-sg-gap:18px;width:100%}.medon-sg button{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;cursor:zoom-in;background:#eee;border-radius:0;display:block}.medon-sg-main{width:100%;height:auto;aspect-ratio:auto;overflow:hidden;line-height:0;align-self:flex-start}.medon-sg-main img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:top center}.medon-sg button:focus-visible{outline:3px solid #008f8b;outline-offset:3px}.medon-sg-placeholder{padding:35px;background:#eee;color:#555;text-align:center}.medon-sg-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:48px 70px;box-sizing:border-box}.medon-sg-modal[hidden]{display:none!important}.medon-sg-modal img{display:block;max-width:100%;max-height:calc(100vh - 96px);object-fit:contain}.medon-sg-modal button{position:absolute;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.4);color:#fff;cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center}.medon-sg-modal button:hover{background:rgba(255,255,255,.2)}.medon-sg-modal .medon-sg-close{top:16px;right:16px}.medon-sg-modal .medon-sg-prev{left:14px;top:50%;transform:translateY(-50%)}.medon-sg-modal .medon-sg-next{right:14px;top:50%;transform:translateY(-50%)}.medon-sg-count{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:white;font:14px/1.4 sans-serif}@media(max-width:767px){.medon-sg-modal{padding:55px 44px}.medon-sg-modal button{width:34px;height:34px;font-size:22px}.medon-sg-modal .medon-sg-prev{left:5px}.medon-sg-modal .medon-sg-next{right:5px}}


/* v1.0.2 | Isola i controlli lightbox dagli stili globali dei bottoni
   del tema/Elementor che li deformavano in ovali. */
body .medon-sg-modal > button.medon-sg-close,
body .medon-sg-modal > button.medon-sg-prev,
body .medon-sg-modal > button.medon-sg-next {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 48px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.6) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.65) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
body .medon-sg-modal > button.medon-sg-close::before,
body .medon-sg-modal > button.medon-sg-close::after,
body .medon-sg-modal > button.medon-sg-prev::before,
body .medon-sg-modal > button.medon-sg-prev::after,
body .medon-sg-modal > button.medon-sg-next::before,
body .medon-sg-modal > button.medon-sg-next::after {
  content: none !important;
  display: none !important;
}
body .medon-sg-modal > button.medon-sg-close { top: 16px !important; right: 16px !important; left: auto !important; bottom: auto !important; transform: none !important; }
body .medon-sg-modal > button.medon-sg-prev { top: 50% !important; left: 16px !important; right: auto !important; bottom: auto !important; transform: translateY(-50%) !important; }
body .medon-sg-modal > button.medon-sg-next { top: 50% !important; right: 16px !important; left: auto !important; bottom: auto !important; transform: translateY(-50%) !important; }
body .medon-sg-modal > button.medon-sg-close:hover,
body .medon-sg-modal > button.medon-sg-prev:hover,
body .medon-sg-modal > button.medon-sg-next:hover { background: rgba(255,255,255,.18) !important; }
body .medon-sg-modal > button[hidden] { display: none !important; }
@media(max-width:767px){
  body .medon-sg-modal > button.medon-sg-close,
  body .medon-sg-modal > button.medon-sg-prev,
  body .medon-sg-modal > button.medon-sg-next {
    flex-basis: 40px !important;
    width: 40px !important; min-width: 40px !important; max-width: 40px !important;
    height: 40px !important; min-height: 40px !important; max-height: 40px !important;
    font-size: 26px !important;
  }
  body .medon-sg-modal > button.medon-sg-prev { left: 6px !important; }
  body .medon-sg-modal > button.medon-sg-next { right: 6px !important; }
}