/* =========================================================
   Popup "La Cantina del Culatello" – old site
   Image-only popup. All classes prefixed .lcdc- to avoid
   Bootstrap/theme clashes.
   ========================================================= */
.lcdc-pop{
  --lcdc-ink:#1d1d1b;
  --lcdc-ease:cubic-bezier(.22,.61,.36,1);
  position:fixed;
  top:0;right:0;bottom:0;left:0;
  z-index:2147483000;           /* above the fixed navbar (10000) */
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.lcdc-pop.is-open{display:flex}
.lcdc-pop *,.lcdc-pop *::before,.lcdc-pop *::after{box-sizing:border-box}

.lcdc-pop__overlay{
  position:absolute;top:0;right:0;bottom:0;left:0;
  background:rgba(29,29,27,.6);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  opacity:0;
  transition:opacity .45s var(--lcdc-ease);
  cursor:pointer;
}

.lcdc-pop__card{
  position:relative;
  max-width:100%;
  opacity:0;
  transform:translateY(16px) scale(.98);
  transition:opacity .5s var(--lcdc-ease) .1s,transform .5s var(--lcdc-ease) .1s;
}
.lcdc-pop__card:focus{outline:none}
.lcdc-pop.is-visible .lcdc-pop__overlay{opacity:1}
.lcdc-pop.is-visible .lcdc-pop__card{opacity:1;transform:none}

/* the image is the link */
.lcdc-pop a.lcdc-pop__link{
  display:block;
  line-height:0;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.65);
}
.lcdc-pop a.lcdc-pop__link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lcdc-pop img.lcdc-pop__img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(100%,760px);
  max-height:calc(100vh - 32px);
  margin:0;
  border:0;
}

/* close button on the image corner */
.lcdc-pop .lcdc-pop__close{
  position:absolute;top:-14px;right:-14px;
  z-index:2;
  width:38px;height:38px;
  padding:0;margin:0;
  border:0;border-radius:50%;
  background:#fff;
  color:var(--lcdc-ink);
  font:300 26px/38px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  text-align:center;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  transition:transform .2s var(--lcdc-ease);
}
.lcdc-pop .lcdc-pop__close:hover{transform:scale(1.08)}
.lcdc-pop .lcdc-pop__close:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media (max-width:480px){
  .lcdc-pop .lcdc-pop__close{top:-12px;right:-6px;width:34px;height:34px;line-height:34px;font-size:24px}
}

/* lock page scroll while open */
html.lcdc-lock,html.lcdc-lock body{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .lcdc-pop__overlay,.lcdc-pop__card{transition:none!important}
}