/* Flo Trigger Contrast — CSS add-on
   - Doppio anello (bordo bianco + alone scuro)
   - Auto-invert con mix-blend-mode:difference
   - Variante forzata bianca su rosso brand via classe .is-on-red
*/

/* Base: bolla trigger con doppio ring */
.mwai-theme-vkjggm-theme .mwai-trigger .mwai-icon-container {
  position: relative;
  background: #da291c;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  border: var(--mwai-triggerBorderWidth, 2px) solid var(--mwai-triggerRingInner, #fff);
  box-shadow:
    0 0 0 var(--mwai-triggerOuterRingWidth, 4px) var(--mwai-triggerRingOuter, rgba(0,0,0,0.35)),
    0 6px 16px rgba(0, 0, 0, 0.2);
  transition: transform .3s ease, box-shadow .3s ease;
  z-index: 10000;
}

/* Halo adattivo: massimo contrasto su sfondi vari */
.mwai-theme-vkjggm-theme .mwai-trigger .mwai-icon-container::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0 2px #ffffff;
  mix-blend-mode: difference;
  opacity: .9;
}

.mwai-theme-vkjggm-theme .mwai-trigger .mwai-icon-container:hover {
  transform: scale(1.05);
  box-shadow:
    0 0 0 var(--mwai-triggerOuterRingWidth, 4px) var(--mwai-triggerRingOuter, rgba(0,0,0,0.35)),
    0 8px 20px rgba(0,0,0,0.25);
}

/* Accessibilità: più contrasto per chi lo richiede */
@media (prefers-contrast: more) {
  .mwai-theme-vkjggm-theme .mwai-trigger .mwai-icon-container {
    --mwai-triggerBorderWidth: 3px;
    --mwai-triggerOuterRingWidth: 6px;
  }
}

/* Iconcina interna */
.mwai-theme-vkjggm-theme .mwai-trigger .mwai-icon {
  width: 32px; height: 32px;
  filter: brightness(0) invert(1);
}

/* Variante “bianco puro su rosso brand” (attivata via JS) */
.mwai-theme-vkjggm-theme.is-on-red .mwai-trigger .mwai-icon-container {
  box-shadow:
    0 0 0 6px rgba(255,255,255,0.95),
    0 8px 22px rgba(0,0,0,0.28);
}
.mwai-theme-vkjggm-theme.is-on-red .mwai-trigger .mwai-icon-container::after {
  mix-blend-mode: normal;
  box-shadow: 0 0 0 2px #ffffff;
  opacity: 1;
}