/* MAX.RU Connect by GuruSEO — base styles */
.mrc-floating-button{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; background:#ffffff; border-radius:40px;
  text-decoration:none; box-sizing:border-box;
  transition:transform .2s ease, box-shadow .2s ease;
  will-change:transform;
}
.mrc-floating-button:hover{ transform:translateY(-1px); }
.mrc-floating-button .mrc-welcome-text{
  font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#333; white-space:nowrap;
}

/* Circular icon (fallback, if no image file) */
.mrc-icon{
  display:block; width:60px; height:60px; border-radius:50%;
  background:#0b5fff;
}
/* subtle shadow */
.mrc-shadow .mrc-icon{ box-shadow:0 6px 14px rgba(0,0,0,.2); }
.mrc-shadow{ box-shadow:0 6px 14px rgba(0,0,0,.08); }

/* Chat bubble glyph via data-uri */
.mrc-icon::after{
  content:''; display:block; width:32px; height:32px; margin:14px auto 0;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM6 9h12v2H6V9zm0-3h12v2H6V6zm0 6h8v2H6v-2z'/%3E%3C/svg%3E");
}

/* Pulse animation (optional) */
.mrc-pulse .mrc-icon{ position:relative; }
.mrc-pulse .mrc-icon::before{
  content:''; position:absolute; inset:-6px; border-radius:50%;
  border:2px solid rgba(11,95,255,.35); opacity:.8; animation:mrc-pulse 1.7s ease-out infinite;
}
@keyframes mrc-pulse {
  0%{ transform:scale(.85); opacity:.8; }
  70%{ transform:scale(1.25); opacity:0; }
  100%{ transform:scale(1.25); opacity:0; }
}

/* Responsive text wrap if small width */
@media (max-width:480px){
  .mrc-floating-button .mrc-welcome-text{ display:none; }
}

/* Force circle crop for uploaded icon images */
.mrc-img{width:60px;height:60px;border-radius:50%;display:block;object-fit:cover;}

/* Ensure circle mask for icon images */
.mrc-img{width:60px;height:60px;border-radius:50%;display:block;object-fit:cover;}


/* Hard circular wrapper (backup if inline styles are removed) */
.mrc-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;display:block;flex-shrink:0;}
.mrc-avatar picture{display:block;width:100%;height:100%;}
.mrc-avatar .mrc-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;}


/* Hover: rotate icon */
.mrc-rotate-hover .mrc-avatar{ transition: transform .7s ease; will-change: transform; }
.mrc-rotate-hover:hover .mrc-avatar{ transform: rotate(360deg); }

/* Hover: reveal text smoothly */
.mrc-hover-reveal .mrc-welcome-text{
  max-width: 0;
  opacity: 0;
  margin-left: 0;
  overflow: hidden;
  transition: max-width .35s ease, opacity .25s ease, margin .25s ease;
}
.mrc-hover-reveal:hover .mrc-welcome-text{
  max-width: 260px;
  opacity: 1;
  margin-left: 10px;
}