/* MA OneSignal - pulsante flottante minimale */
#ma-os-float{
  position:fixed!important;
  right:14px!important;
  bottom:14px!important;
  z-index:2147483646!important;
  min-height:50px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 14px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:999px;
  background:#fff;
  color:#555;
  font:700 13px/1 Arial,sans-serif;
  box-shadow:0 9px 25px rgba(0,0,0,.22);
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  pointer-events:auto!important;
  user-select:none;
  -webkit-user-select:none;
  transition:transform .18s ease,box-shadow .18s ease,padding .18s ease;
}
#ma-os-float:hover{transform:translateY(-1px);box-shadow:0 11px 29px rgba(0,0,0,.27)}
#ma-os-float:active{transform:scale(.97)}
#ma-os-float img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;flex:0 0 auto}
#ma-os-float i{width:8px;height:8px;border-radius:50%;background:#c7a84e;box-shadow:0 0 0 3px rgba(199,168,78,.13);flex:0 0 auto}
#ma-os-float.is-on{padding:8px 10px;background:#fff;color:#555}
#ma-os-float.is-on span{display:none}
#ma-os-float.is-on i{background:#35b85a;box-shadow:0 0 0 3px rgba(53,184,90,.16)}
#ma-os-float.is-loading{opacity:.72;cursor:wait}

#ma-os-toast{
  position:fixed;
  left:50%;
  bottom:84px;
  transform:translateX(-50%);
  z-index:2147483647;
  width:max-content;
  max-width:min(330px,calc(100vw - 28px));
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  color:#444;
  font:13px/1.4 Arial,sans-serif;
  text-align:left;
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  animation:maOsToastIn .18s ease-out;
}
#ma-os-toast img{width:36px;height:36px;border-radius:9px;object-fit:cover;flex:0 0 auto}
#ma-os-toast strong{display:block;color:#222;margin-bottom:2px;font-size:13px}
@keyframes maOsToastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:520px){
  #ma-os-float{
    right:calc(10px + env(safe-area-inset-right))!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    min-width:58px;
    min-height:58px;
    padding:9px 14px;
  }
  #ma-os-float.is-on{padding:9px 11px}
  #ma-os-toast{bottom:calc(82px + env(safe-area-inset-bottom))}
}

/* Avviso temporaneo iPhone Safari: installazione PWA richiesta */
#ma-os-ios-hint{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:2147483647;width:min(390px,calc(100vw - 28px));display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.98);color:#27323d;border:1px solid rgba(0,0,0,.12);box-shadow:0 14px 38px rgba(0,0,0,.24);font:14px/1.35 Arial,sans-serif;opacity:0;transform:translate(-50%,14px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
#ma-os-ios-hint.show{opacity:1;transform:translate(-50%,0)}
#ma-os-ios-hint img{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:0 0 auto}
#ma-os-ios-hint strong{display:block;font-size:14px;margin-bottom:2px;color:#17212b}
#ma-os-ios-hint span{display:block;color:#596673;font-size:13px}