/* Massimo Consulti – Chat a pagamento (1.7.0). Usa i colori di vetrina.css (--mcv-*), quindi anche la grafica "Cartomante in Amore". */
.mcvc{max-width:880px}
.mcvc-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(120deg,#FDBAF8 0%,#B0EFEB 100%);border-radius:20px;padding:20px 22px}
.mcv-s-cai .mcvc-hero{background:linear-gradient(120deg,#EFE6FF 0%,#FFE1EC 100%)}
.mcvc-hero h3{font-size:24px;font-weight:500;margin:6px 0 4px}
.mcvc-hero p{margin:0}
.mcvc-av{flex:none;width:68px;height:68px;border-radius:50%;background:var(--mcv-head);color:#fff;display:flex;align-items:center;justify-content:center;font:500 30px/1 "Rubik",sans-serif;box-shadow:0 8px 20px rgba(80,51,117,.2);border:3px solid #fff}
.mcvc-av.sm{width:42px;height:42px;font-size:19px;border-width:2px;box-shadow:none}
.mcvc-st{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:5px 12px;font-size:14px;font-weight:600;color:var(--mcv-ink)}
.mcvc-st i{width:10px;height:10px;border-radius:50%;background:#9AA0A6}
.mcvc-st.on i{background:#22B35E;animation:mcvcPulse 1.8s infinite}
.mcvc-st.busy i{background:#F59E0B}
@keyframes mcvcPulse{0%{box-shadow:0 0 0 0 rgba(34,179,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,179,94,0)}100%{box-shadow:0 0 0 0 rgba(34,179,94,0)}}
.mcvc-closed{margin:16px 0 0;background:var(--mcv-soft);border:1px solid var(--mcv-line);border-radius:16px;padding:14px 18px}
.mcvc-closed p{margin:0 0 10px}
.mcvc-alt{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.mcvc-closed .mcvc-alt{justify-content:flex-start}
.mcvc-queue{margin:16px 0 0;background:#FFF7E8;border:1px solid #F5D9A8;border-radius:16px;padding:14px 18px}.mcvc-queue p{margin:0}
.mcv .mcv-btn.mcvc-ghost{background:#fff;color:var(--mcv-head);border:1.5px solid var(--mcv-head)}
.mcvc-rejoin{background:#FFF4CC;color:#6B4E00;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:15px}
.mcvc-rejoin a{font-weight:700;color:inherit}
.mcvc-pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.mcvc-pkg{position:relative;cursor:pointer}
.mcvc-pkg input{position:absolute;opacity:0;pointer-events:none}
.mcvc-pkg>span{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--mcv-line);border-radius:18px;padding:18px 10px 14px;background:#fff;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.mcvc-pkg b{font:500 20px/1.2 "Rubik",sans-serif;color:var(--mcv-head)}
.mcv-s-cai .mcvc-pkg b{font-family:inherit;font-weight:700}
.mcvc-pkg strong{font-size:26px;color:var(--mcv-accent);line-height:1.2}
.mcvc-pkg small{font-size:12.5px;opacity:.75}
.mcvc-pkg input:checked+span{border-color:var(--mcv-head);box-shadow:0 10px 24px rgba(80,51,117,.16);transform:translateY(-2px)}
.mcvc-pkg input:focus-visible+span{outline:3px solid var(--mcv-pink);outline-offset:2px}
.mcvc-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--mcv-accent);color:#fff;font-style:normal;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px;white-space:nowrap}
.mcvc-hold{margin:14px 0 0}
.mcvc-form .mcv-grid>.mcv-field{margin-top:0}
.mcvc-form .mcvc-topic{margin-top:16px}
.mcvc-form .mcv-send:disabled{opacity:.55;cursor:not-allowed}

/* stanza della chat */
.mcvc-room{display:flex;flex-direction:column;height:min(78vh,720px);min-height:460px;background:#fff;border:1px solid var(--mcv-line);border-radius:22px;overflow:hidden;box-shadow:0 28px 31px 5px rgba(133,133,133,.11)}
.mcvc-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(120deg,#FDBAF8 0%,#B0EFEB 100%)}
.mcv-s-cai .mcvc-top{background:linear-gradient(120deg,#753CEF 0%,#C2185B 70%,#FF5995 100%);color:#fff}
.mcvc-top-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.mcvc-top-tx b{font:500 18px/1.2 "Rubik",sans-serif;color:var(--mcv-head)}
.mcv-s-cai .mcvc-top-tx b{color:#fff;font-family:inherit;font-weight:700}
.mcvc-top-tx small{font-size:13px;opacity:.85}
.mcvc-timer{flex:none;background:#fff;color:var(--mcv-head);border-radius:99px;padding:6px 14px;font-weight:700;font-variant-numeric:tabular-nums;font-size:16px}
.mcvc-timer.soon{background:#B42318;color:#fff;animation:mcvcBlink 1s ease-in-out infinite}
@keyframes mcvcBlink{50%{opacity:.7}}
.mcvc-warn{background:#FFF4CC;color:#6B4E00;text-align:center;font-size:14px;padding:7px 12px}
.mcvc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--mcv-soft);-webkit-overflow-scrolling:touch}
.mcvc-msg{display:flex;max-width:82%}
.mcvc-msg.me{align-self:flex-end}
.mcvc-bub{background:#fff;border-radius:18px 18px 18px 5px;padding:9px 13px 6px;font-size:16px;line-height:1.5;color:var(--mcv-ink);box-shadow:0 1px 2px rgba(0,0,0,.06);overflow-wrap:anywhere}
.mcvc-msg.me .mcvc-bub{background:var(--mcv-head);color:#fff;border-radius:18px 18px 5px 18px}
.mcvc-bub small{display:block;text-align:right;font-size:11px;opacity:.65;margin-top:2px}
.mcvc-msg.me .mcvc-bub a{color:#fff}
.mcvc-sys{align-self:center;max-width:90%;text-align:center;font-size:13.5px;color:var(--mcv-ink);opacity:.8;background:rgba(255,255,255,.7);border-radius:12px;padding:6px 12px}
.mcvc-typing{min-height:20px;padding:2px 18px;font-size:13px;font-style:italic;opacity:.7;background:var(--mcv-soft)}
.mcvc-wait{padding:14px 18px;border-top:1px solid var(--mcv-line);background:#fff;text-align:center}
.mcvc-wait p{margin:4px 0}
.mcvc-dots{display:inline-flex;gap:5px;vertical-align:middle;margin-right:6px}
.mcvc-dots i{width:8px;height:8px;border-radius:50%;background:var(--mcv-accent);animation:mcvcDot 1.2s infinite}
.mcvc-dots i:nth-child(2){animation-delay:.2s}.mcvc-dots i:nth-child(3){animation-delay:.4s}
@keyframes mcvcDot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.mcvc-compose{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid var(--mcv-line);background:#fff}
.mcvc-compose[hidden]{display:none}
.mcvc-compose textarea{flex:1;resize:none;min-height:46px;max-height:140px;border:1.5px solid var(--mcv-line);border-radius:22px;padding:11px 16px;font:inherit;font-size:16px;line-height:1.4;color:var(--mcv-ink);background:#fff}
.mcvc-compose textarea:focus{outline:none;border-color:var(--mcv-head)}
.mcvc-send{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--mcv-head);color:#fff;font-size:19px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 0 3px}
.mcvc-foot{background:#fff}
.mcvc-end{display:block;margin:0 auto 10px;background:none;border:0;color:var(--mcv-ink);opacity:.7;text-decoration:underline;font:inherit;font-size:14px;cursor:pointer}
.mcvc-end-box{text-align:center;padding:16px 18px 20px;border-top:1px solid var(--mcv-line)}
.mcvc-end-box h3{margin:0 0 6px;font-size:22px}
.mcvc-end-box p{margin:0 0 6px}
@media (max-width:640px){
  .mcvc-hero{flex-direction:column;text-align:center;padding:18px 16px}
  .mcvc-hero h3{font-size:21px}
  .mcvc-pkgs{grid-template-columns:1fr 1fr}
  .mcvc-pkgs .mcvc-pkg:first-child:nth-last-child(odd){grid-column:1/-1}
  .mcvc-room{height:calc(100dvh - 90px);min-height:420px;border-radius:16px}
  .mcvc-msg{max-width:90%}
}
@media (prefers-reduced-motion:reduce){.mcvc-st.on i,.mcvc-timer.soon,.mcvc-dots i{animation:none}}

/* 1.7.1 – chat in una finestra a parte (?mcw=1) */
.mcvc-pop{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--mcv-head);font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.mcvc-pop:hover{background:#fff}
@media (max-width:640px){.mcvc-pop{display:none}}
.mcvc-away{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px 20px;background:var(--mcv-soft)}
.mcvc-away h3{margin:0;font:500 20px/1.3 "Rubik",sans-serif;color:var(--mcv-head)}
.mcvc-away p{margin:0;max-width:420px}
.mcvc-away .mcvc-alt{justify-content:center}
html.mcvc-winpage,html.mcvc-winpage body{margin:0;padding:0;height:100%;background:#fff}
.mcvc-winpage .mcvc-wrapwin{height:100%;padding:0}
.mcvc-winpage .mcvc-room{height:100vh;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}
.mcvc-winpage .mcvc-pop{display:none}

/* 1.7.2 – faccine nella chat */
.mcvc-emo-btn{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.mcvc-emo-btn:hover,.mcvc-emo-btn.on{background:var(--mcv-soft)}
.mcvc-emo{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;padding:8px 10px;border-top:1px solid var(--mcv-line);background:#fff;max-height:150px;overflow:auto}
.mcvc-emo[hidden]{display:none}
.mcvc-emo button{font-size:23px;line-height:38px;height:40px;border:0;background:transparent;border-radius:10px;cursor:pointer;padding:0}
.mcvc-emo button:hover{background:var(--mcv-soft)}
@media (max-width:640px){.mcvc-emo{max-height:190px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.mcvc-compose{gap:4px}}
