/* === LFW Popup Addon: usa variabili Global Styles del tema === */
:root{
  --lfw-bg:        var(--wp--preset--color--background, #ffffff);
  --lfw-fg:        var(--wp--preset--color--foreground, #222222);
  --lfw-primary:   var(--wp--preset--color--primary, #1F5861);
  --lfw-secondary: var(--wp--preset--color--secondary, #64748b);
  --lfw-bg-alt:    var(--wp--preset--color--background-alt, #f7f7f7);
  --lfw-fg-alt:    var(--wp--preset--color--foreground-alt, #4b5563);
}

/* Centra SEMPRE il trigger generato dagli shortcode */
.lfw-pop-wrap{
  text-align:center; /* centro il bottone/trigger nel contenitore */
}

/* Overlay blu trasparente 50%, centrato con Flex */
.lfw-pop-overlay{
  position:fixed;
  inset:0;
  background: color-mix(in srgb, var(--lfw-primary) 50%, transparent); /* blu #1F5861 al 50% */
  z-index:2147483000;
  display:none;                  /* portato a flex via JS per fade + centratura */
  justify-content:center;
  align-items:center;
}

/* Modale centrato */
.lfw-pop-modal{
  background:#fff;
  border-radius:16px;
  max-width:min(720px,92vw);
  max-height:88vh;
  overflow:auto;
  padding:30px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  position:relative;
}

/* Close */
.lfw-pop-close{
  position:absolute;
  right:14px;
  top:14px;
  border:0;
  background:#f2f2f2;
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
}

/* Titolo */
.lfw-pop-title{
  margin:0 0 20px 0;
  font-weight:700;
  font-size:22px;
}

/* Trigger base */
.lfw-pop-trigger{
  display:inline-block;
  padding:.8em 1.6em;
  border-radius:8px;
  text-decoration:none;
  background: var(--lfw-primary);
  color:#fff;
  font-weight:700;
}
.lfw-pop-trigger:hover{ filter:brightness(0.92); }


/* Stili dinamici collegati ai colori del tema */
.lfw-pop{ background: var(--lfw-bg); color: var(--lfw-fg); border:1px solid color-mix(in srgb, var(--lfw-fg) 20%, transparent); }
.lfw-pop .lfw-btn-primary{ background: var(--lfw-primary); color:#fff; }
.lfw-pop .lfw-btn-primary:hover{ filter:brightness(0.95); }
.lfw-pop .lfw-accent, .lfw-pop .lfw-chip{ background: var(--lfw-secondary); color:#fff; }