/* Sing For Italy clone — styles for the hand-built chat widget (stand-in for Wix Chat). */
.sfi-chat { width: 94px; height: 94px; position: relative; }
.sfi-chat-btn {
  position: absolute; left: 10px; top: 10px; width: 64px; height: 64px;
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: 8px; padding: 0; cursor: pointer;
  background: rgb(217, 161, 56); color: rgb(20, 20, 22);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
  transition: transform .15s ease, filter .15s ease;
}
.sfi-chat-btn:hover { filter: brightness(1.08); }
.sfi-chat-btn:active { transform: scale(.96); }
.sfi-chat-btn:focus-visible, .sfi-chat-close:focus-visible, .sfi-chat-foot button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.sfi-chat-panel {
  position: fixed; right: 16px; bottom: 90px; width: 370px; height: 540px; max-height: calc(100svh - 110px);
  z-index: 100001; display: flex; flex-direction: column; overflow: hidden;
  background: #fff; border-radius: 8px; box-shadow: 0 8px 32px rgba(0, 0, 0, .35);
  font-family: "open sans", "Helvetica Neue", Arial, sans-serif; color: #141416;
}
.sfi-chat-panel[hidden] { display: none; }
.sfi-chat-panel.is-mobile { inset: 0; width: auto; height: auto; max-height: none; border-radius: 0; }
.sfi-chat-head { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 12px 12px 16px; border-bottom: 1px solid #eee; }
.sfi-chat-title { font-size: 16px; font-weight: 700; }
.sfi-chat-status { font-size: 12px; color: #44474d; display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.sfi-chat-status i { width: 8px; height: 8px; border-radius: 50%; background: #3fb65f; display: inline-block; }
.sfi-chat-close { width: 44px; height: 44px; border: 0; background: none; cursor: pointer; color: #141416; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.sfi-chat-close:hover { background: #f2f2f2; }
.sfi-chat-body { flex: 1; overflow: auto; padding: 16px; background: linear-gradient(160deg, #d9a138 0%, #141416 100%); }
.sfi-chat-msg { margin: 0; max-width: 80%; background: #fff; color: #141416; padding: 10px 12px; border-radius: 12px 12px 12px 2px; font-size: 14px; line-height: 1.5; }
.sfi-chat-foot { display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 16px; border-top: 1px solid #eee; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
.sfi-chat-foot input { flex: 1; min-width: 0; border: 0; outline: none; font: 16px/1.4 "open sans", Arial, sans-serif; color: #141416; background: transparent; padding: 10px 0; }
.sfi-chat-foot button { width: 44px; height: 44px; border: 0; border-radius: 8px; background: rgb(217, 161, 56); color: #141416; font-size: 18px; cursor: pointer; }
.sfi-chat-foot button:hover { filter: brightness(1.08); }