/* InfoComuni - ElevenLabs widget v30 - centrato sopra nav + hide nav durante modal consent */
@media (max-width: 1024px) {
  body > elevenlabs-convai,
  html > body > elevenlabs-convai,
  html body elevenlabs-convai {
    position: fixed !important;
    bottom: calc(var(--bottom-nav-h, 60px) + env(safe-area-inset-bottom) + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 90vw !important;
    z-index: 2147483000 !important;
  }
  /* QUANDO modal consent del widget e aperto: hide bottom-nav per non coprire i tasti */
  body.cookie-consent-pending .ic-mobile-bottom-nav,
  body.cookie-consent-pending .bottom-nav,
  body.cookie-consent-pending #ic-appbar,
  body[data-cookie-consent="pending"] .ic-mobile-bottom-nav,
  body[data-cookie-consent="pending"] .bottom-nav,
  body[data-cookie-consent="pending"] #ic-appbar { display: none !important; }
  /* Quando widget aperto/expanded, mosso piu in alto perch e occupa piu spazio */
  body.cookie-consent-pending elevenlabs-convai { bottom: env(safe-area-inset-bottom) !important; }
}


/* === DESKTOP (>=900px): widget non copre footer/contenuti ===
   2026-05-28: padding-bottom sui footer per dare 88px sopra widget bubble */
@media (min-width: 900px) {
	  .ic-footer-v3,
	  .site-footer,
	  .site-footer-v2,
	  footer.bn-footer,
	  footer.nt-footer,
	  footer.of-footer {
		      padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
	}
}
/* === Steve Jobs FAB chat: bubble round gold 56px senza testo 2026-05-29 ===
   Trasforma .ic-assistant-card (pillona con label) in pulsante tondo gold solo icona */

/* Mobile (≤899px): FAB 56x56 sopra bottom-nav */
@media (max-width: 899px) {
  .ic-assistant-card {
    position: fixed !important;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px) + 16px) !important;
    right: 16px !important;
    left: auto !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f3b840 0%, #d99c1a 100%) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.18),
                0 2px 6px rgba(243,184,64,0.45) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    transition: transform .25s cubic-bezier(.4,0,.2,1),
                box-shadow .2s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .ic-assistant-card:active {
    transform: scale(0.92) !important;
  }
  .ic-assistant-card__avatar,
  .ic-assistant-card__text {
    display: none !important;
  }
  .ic-assistant-card__btn {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b2340 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  .ic-assistant-card__btn svg {
    width: 26px !important;
    height: 26px !important;
    stroke: #0b2340 !important;
    fill: none !important;
    flex-shrink: 0 !important;
  }
}

/* Desktop (‚â•900px): FAB 64x64 angolo bottom-right */
@media (min-width: 900px) {
  .ic-assistant-card {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f3b840 0%, #d99c1a 100%) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.16),
                0 2px 6px rgba(243,184,64,0.4) !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    transition: transform .25s cubic-bezier(.4,0,.2,1),
                box-shadow .2s ease !important;
  }
  .ic-assistant-card:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.2),
                0 3px 8px rgba(243,184,64,0.55) !important;
  }
  .ic-assistant-card:active { transform: scale(0.95) !important; }
  .ic-assistant-card__avatar,
  .ic-assistant-card__text { display: none !important; }
  .ic-assistant-card__btn {
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #0b2340 !important;
    font-size: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
  .ic-assistant-card__btn svg {
    width: 28px !important;
    height: 28px !important;
    stroke: #0b2340 !important;
  }
  /* Restore footer padding-bottom standard ora che FAB è 64px e non copre più tanto */
  .ic-footer-v3,
  .site-footer,
  .site-footer-v2,
  footer.bn-footer,
  footer.nt-footer,
  footer.of-footer {
    padding-bottom: 32px !important;
  }
}

/* Force visible: la card era hidden via inline style nell'HTML */
.ic-assistant-card[hidden],
.ic-assistant-card[style*="display:none"],
.ic-assistant-card[style*="display: none"] {
  display: flex !important;
  visibility: visible !important;
}