/* Fontana WhatsApp chat. Written to keep its look whatever the theme does to buttons and links. */
#fwa{position:fixed;bottom:20px;z-index:99990;font-family:"Jost","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.4;color:#f3ece0;box-sizing:border-box;bottom:calc(20px + env(safe-area-inset-bottom,0px))}
#fwa *,#fwa *::before,#fwa *::after{box-sizing:border-box}
#fwa.fwa-right{right:20px}
#fwa.fwa-left{left:20px}

#fwa .fwa-launch,
#fwa .fwa-launch:hover,
#fwa .fwa-launch:focus,
#fwa .fwa-launch:active{display:flex;align-items:center;gap:10px;height:56px;min-width:56px;margin:0;padding:0 15px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;color:var(--fwa-text,#0c0b0b) !important;background:var(--fwa,#c9a36e) !important;border:0 !important;border-radius:999px !important;box-shadow:0 6px 18px rgba(0,0,0,.28) !important;-webkit-tap-highlight-color:transparent}
#fwa .fwa-launch:hover{filter:brightness(.94)}
#fwa .fwa-launch:focus-visible{outline:3px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 5px var(--fwa,#c9a36e),0 6px 18px rgba(0,0,0,.28) !important}
#fwa .fwa-ico{display:flex;width:28px;height:28px;flex:none}
#fwa .fwa-ico svg{width:100%;height:100%;display:block}
#fwa .fwa-has-label{padding:0 20px 0 15px}
#fwa .fwa-launch:not(.fwa-has-label){width:56px;padding:0;justify-content:center}   /* icon only: a true circle */

#fwa .fwa-panel{position:absolute;bottom:68px;width:340px;max-width:calc(100vw - 32px);overflow:hidden;background:#ffffff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
#fwa.fwa-right .fwa-panel{right:0}
#fwa.fwa-left .fwa-panel{left:0}
#fwa .fwa-panel[hidden]{display:none !important}

#fwa .fwa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 14px 18px;background:var(--fwa,#c9a36e);color:var(--fwa-text,#0c0b0b)}
#fwa .fwa-titles{display:flex;flex-direction:column;gap:3px;min-width:0}
#fwa .fwa-title{font-size:16.5px;line-height:1.25;font-weight:700;color:inherit}
#fwa .fwa-sub{font-size:12.5px;opacity:.9;color:inherit}
#fwa .fwa-online::before,#fwa .fwa-away-label::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 2px rgba(255,255,255,.7)}
#fwa .fwa-away-label::before{background:#c9a23b}
#fwa .fwa-x,
#fwa .fwa-x:hover,
#fwa .fwa-x:focus,
#fwa .fwa-x:active{flex:none;width:30px;height:30px;margin:-4px -6px 0 0;padding:0;font-family:inherit;font-size:24px;line-height:1;text-transform:none;letter-spacing:normal;color:inherit !important;background:transparent !important;border:0 !important;border-radius:50% !important;box-shadow:none !important;cursor:pointer}
#fwa .fwa-x:hover{background:rgba(0,0,0,.12) !important}
#fwa .fwa-x:focus-visible{outline:2px solid currentColor;outline-offset:1px}

#fwa .fwa-body{padding:14px 14px 10px;max-height:min(60vh,420px);overflow:auto}
#fwa .fwa-intro{margin:0 0 12px;padding:0 4px;font-size:13.5px;color:#555}
#fwa .fwa-awaynote{margin:0 0 12px;padding:9px 12px;font-size:13px;color:#4a3c10;background:#fff6dc;border-left:3px solid #d9ae3c;border-radius:4px}
#fwa .fwa-people{margin:0;padding:0;list-style:none}
#fwa .fwa-people li{margin:0 0 8px;padding:0;list-style:none}

#fwa .fwa-person,
#fwa .fwa-person:hover,
#fwa .fwa-person:focus,
#fwa .fwa-person:active,
#fwa .fwa-person:visited{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#1b1b1b !important;text-decoration:none !important;background:#ffffff !important;border:1px solid #e3e3e3 !important;border-radius:12px !important;box-shadow:none !important}
#fwa .fwa-person:hover,#fwa .fwa-person:focus-visible{border-color:var(--fwa,#c9a36e) !important;background:#f7fbf8 !important}
#fwa .fwa-person:focus-visible{outline:2px solid var(--fwa,#c9a36e);outline-offset:1px}
#fwa .fwa-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;overflow:hidden;font-size:16px;font-weight:700;color:var(--fwa-text,#0c0b0b);background:var(--fwa,#c9a36e);border-radius:50%}
#fwa .fwa-avatar img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
#fwa .fwa-who{display:flex;flex-direction:column;flex:1;min-width:0}
#fwa .fwa-who strong{font-size:15px;font-weight:700;line-height:1.25;color:#1b1b1b}
#fwa .fwa-who span{font-size:12.5px;line-height:1.3;color:#6b6b6b}
#fwa .fwa-go{display:flex;flex:none;width:18px;height:18px;color:#9a9a9a}
#fwa .fwa-go svg{width:100%;height:100%}

/* the welcome panel: the main number on its own (no team) */
#fwa .fwa-panel-welcome{width:360px;border-radius:26px}
#fwa .fwa-panel-welcome .fwa-title{font-size:21px}
#fwa .fwa-panel-welcome .fwa-head{align-items:center;padding:16px 16px 16px 20px}
#fwa .fwa-brand{display:flex;align-items:center;gap:10px;min-width:0}
#fwa .fwa-hico{display:flex;flex:none;width:36px;height:36px;color:var(--fwa-text,#0c0b0b)}
#fwa .fwa-hico svg{width:100%;height:100%;display:block}
#fwa .fwa-panel-welcome .fwa-x,
#fwa .fwa-panel-welcome .fwa-x:hover,
#fwa .fwa-panel-welcome .fwa-x:focus{flex:none;width:38px;height:38px;margin:0;font-size:26px;color:#ffffff !important;background:rgba(0,0,0,.30) !important;border-radius:50% !important}
#fwa .fwa-panel-welcome .fwa-x:hover{background:rgba(0,0,0,.42) !important}
#fwa .fwa-chat{display:flex;flex-direction:column;gap:12px;padding:20px 18px 18px;background:#f4fbf6;max-height:none}
#fwa .fwa-bubble{position:relative;align-self:flex-start;max-width:88%;margin:0 0 0 8px;padding:14px 20px;font-size:16px;line-height:1.35;color:#4a4a4a;background:#ffffff;border-radius:22px;box-shadow:0 2px 7px rgba(0,0,0,.14)}
#fwa .fwa-bubble::before{content:"";position:absolute;left:-7px;bottom:10px;width:14px;height:14px;background:#ffffff;border-radius:0 0 0 14px;transform:skewX(28deg);box-shadow:-2px 2px 3px rgba(0,0,0,.06)}
#fwa .fwa-bubble strong{font-weight:700;color:#3b3b3b}
#fwa .fwa-chat .fwa-awaynote{margin:0}
#fwa .fwa-openchat,
#fwa .fwa-openchat:hover,
#fwa .fwa-openchat:focus,
#fwa .fwa-openchat:active,
#fwa .fwa-openchat:visited{display:inline-flex;align-items:center;justify-content:center;gap:12px;align-self:flex-end;margin-top:6px;padding:0 24px;height:56px;font-size:16.5px;font-weight:700;line-height:1;color:var(--fwa-text,#0c0b0b) !important;text-decoration:none !important;background:var(--fwa,#c9a36e) !important;border:0 !important;border-radius:999px !important;box-shadow:0 5px 14px rgba(0,0,0,.22) !important}
#fwa .fwa-openchat:hover{filter:brightness(.94)}
#fwa .fwa-openchat:focus-visible{outline:3px solid #1b1b1b;outline-offset:2px}
#fwa .fwa-send{display:flex;flex:none;width:20px;height:20px}
#fwa .fwa-send svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:no-preference){
  #fwa .fwa-panel{animation:fwa-in .16s ease-out}
  @keyframes fwa-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  #fwa .fwa-panel-welcome .fwa-bubble,#fwa .fwa-panel-welcome .fwa-openchat{animation:fwa-in .3s ease-out both}
  #fwa .fwa-panel-welcome .fwa-bubble:nth-child(2){animation-delay:.12s}
  #fwa .fwa-panel-welcome .fwa-openchat{animation-delay:.24s}
}
@media (max-width:480px){
  #fwa.fwa-right{right:14px}
  #fwa.fwa-left{left:14px}
  #fwa .fwa-launch.fwa-has-label{width:56px;padding:0;justify-content:center}
  #fwa .fwa-label{display:none}
  #fwa .fwa-panel{width:calc(100vw - 28px);max-width:none}
}
@media print{#fwa{display:none !important}}

/* ---- black and gold (v1.17) ---- */
#fwa .fwa-launch,#fwa .fwa-launch:hover,#fwa .fwa-launch:focus,#fwa .fwa-launch:active{background:linear-gradient(105deg,#a47b45 0%,var(--fwa,#c9a36e) 45%,#ecd7ac 100%) !important;box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 0 1px rgba(236,215,172,.35) !important;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
#fwa .fwa-panel{background:#0f0e0e;border:1px solid rgba(201,163,110,.45);border-radius:0;box-shadow:0 24px 60px rgba(0,0,0,.7)}
#fwa .fwa-panel-welcome{border-radius:0}
#fwa .fwa-head{background:#070606;color:#f3ece0;border-bottom:1px solid rgba(201,163,110,.3)}
#fwa .fwa-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:22px;letter-spacing:.01em}
#fwa .fwa-hico{color:var(--fwa,#c9a36e)}
#fwa .fwa-x:hover{background:rgba(201,163,110,.16) !important}
#fwa .fwa-intro{color:#b9afa0}
#fwa .fwa-awaynote{color:#ecd7ac;background:rgba(201,163,110,.1);border-left-color:#c9a36e;border-radius:0}
#fwa .fwa-person,#fwa .fwa-person:hover,#fwa .fwa-person:focus,#fwa .fwa-person:active,#fwa .fwa-person:visited{color:#f3ece0 !important;background:#131111 !important;border:1px solid rgba(201,163,110,.22) !important;border-radius:0 !important}
#fwa .fwa-person:hover,#fwa .fwa-person:focus-visible{border-color:#c9a36e !important;background:#1b1919 !important}
#fwa .fwa-who strong{color:#f3ece0;font-weight:500}
#fwa .fwa-who span{color:#948b7e}
#fwa .fwa-go{color:#c9a36e}
#fwa .fwa-chat{background:#0f0e0e}
#fwa .fwa-bubble{color:#d8cfc0;background:#1b1919;border:1px solid rgba(201,163,110,.22);border-radius:0;box-shadow:none}
#fwa .fwa-bubble::before{display:none}
#fwa .fwa-bubble strong{color:#f3ece0;font-weight:500}
#fwa .fwa-panel-welcome .fwa-x,#fwa .fwa-panel-welcome .fwa-x:hover,#fwa .fwa-panel-welcome .fwa-x:focus{color:#c9a36e !important;background:transparent !important;border:1px solid rgba(201,163,110,.3) !important;border-radius:0 !important}
#fwa .fwa-openchat,#fwa .fwa-openchat:hover,#fwa .fwa-openchat:focus,#fwa .fwa-openchat:active,#fwa .fwa-openchat:visited{background:linear-gradient(105deg,#a47b45 0%,var(--fwa,#c9a36e) 45%,#ecd7ac 100%) !important;border-radius:0 !important;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;box-shadow:none !important}
#fwa .fwa-launch,#fwa .fwa-launch:hover{border-radius:0 !important}
#fwa .fwa-launch:focus-visible{outline:2px solid #ecd7ac}
#fwa .fwa-avatar{border-radius:50%}
#fwa .fwa-online::before{box-shadow:0 0 0 2px rgba(201,163,110,.4)}

/* ---- v1.17.2 solid buttons ---- */
#fwa .fwa-launch,#fwa .fwa-launch:hover,#fwa .fwa-launch:focus,#fwa .fwa-launch:active{background:#0c0b0b !important;color:#ecd7ac !important;border:1px solid #c9a36e !important;box-shadow:0 10px 26px rgba(0,0,0,.4) !important}
#fwa .fwa-launch:hover{background:#2a231d !important}
#fwa .fwa-openchat,#fwa .fwa-openchat:hover,#fwa .fwa-openchat:focus,#fwa .fwa-openchat:active,#fwa .fwa-openchat:visited{background:#f3ece0 !important;color:#0c0b0b !important;border:1px solid #f3ece0 !important;box-shadow:none !important}
#fwa .fwa-openchat:hover{background:#ffffff !important}
