/* Modal "Offerta speciale: Prova Demo" (Medaid_Demo_Offer). */

/*
 * Dialog aperto con show() (non modale): z-index sotto la finestra di hCaptcha
 * (~2·10^9), sopra il resto del sito (header, WhatsApp, banner cookie).
 */
.md-demo-offer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99998;
  background: rgba(26, 37, 48, 0.55);
}

html.md-demo-offer-open {
  overflow: hidden;
}

.md-demo-offer {
  /* Il reset del sito azzera i margin: senza questi il dialog non si centra. */
  position: fixed;
  inset: 0;
  z-index: 99999;
  margin: auto;
  height: fit-content;
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  border-radius: var(--md-radius-lg, 18px);
  background: var(--md-surface, #fff);
  color: var(--md-ink, #1a2530);
  box-shadow: 0 30px 80px rgba(26, 37, 48, 0.28);
}

.md-demo-offer[open] {
  animation: md-demo-offer-in 0.25s ease-out;
}

@keyframes md-demo-offer-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .md-demo-offer[open] { animation: none; }
}

.md-demo-offer__panel {
  position: relative;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: var(--md-space-xl, 2rem);
}

.md-demo-offer__close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: 0;
  background: none;
  color: var(--md-muted, #6b7680);
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

.md-demo-offer__close:hover { color: var(--md-ink, #1a2530); }

.md-demo-offer__title {
  margin: var(--md-space-md, 1rem) 0 var(--md-space-sm, 0.5rem);
  font-family: var(--md-serif, Georgia, serif);
  font-size: clamp(1.4rem, 4vw, 1.75rem);
  font-weight: 600;
  line-height: 1.2;
}

.md-demo-offer__title em { color: var(--md-primary, #3a6a6a); }

.md-demo-offer__lede {
  margin: 0 0 var(--md-space-md, 1rem);
  color: var(--md-ink-soft, #2c3947);
}

.md-demo-offer .md-contact-form {
  padding: 0;
  border: 0;
  background: none;
  gap: var(--md-space-sm, 0.75rem);
}

.md-demo-offer__dismiss {
  display: block;
  margin: var(--md-space-sm, 0.75rem) auto 0;
  border: 0;
  background: none;
  color: var(--md-muted, #6b7680);
  font: inherit;
  font-size: 0.85rem;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 520px) {
  .md-demo-offer__panel { padding: var(--md-space-lg, 1.5rem); }
}