/* One2TenX: remove QR from frontend globally. */
.joinchat__qr,
.joinchat-button__qr,
.wp-block-joinchat-button figure:has(.joinchat-button__qr) {
  display: none !important;
}

/* One2TenX enhancements for the original Joinchat Button block. */
.wp-block-joinchat-button.rivrun-jc-enhanced {
  --rivrun-jc-btn-height: 34px;
  --rivrun-jc-btn-font-size: 11.5px;
  --rivrun-jc-btn-gap: 7px;
  --rivrun-jc-btn-pad-x: 12px;
  --rivrun-jc-icon-size: 16px;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: var(--rivrun-jc-btn-gap) !important;
  text-align: left !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced.is-vertical {
  flex-direction: row !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced.rivrun-jc-size-small {
  --rivrun-jc-btn-height: 34px;
  --rivrun-jc-btn-font-size: 11.5px;
  --rivrun-jc-btn-gap: 7px;
  --rivrun-jc-btn-pad-x: 11px;
  --rivrun-jc-icon-size: 15px;
}

.wp-block-joinchat-button.rivrun-jc-enhanced.rivrun-jc-size-normal {
  --rivrun-jc-btn-height: 37px;
  --rivrun-jc-btn-font-size: 12.25px;
  --rivrun-jc-btn-gap: 8px;
  --rivrun-jc-btn-pad-x: 13px;
  --rivrun-jc-icon-size: 16px;
}

.wp-block-joinchat-button.rivrun-jc-enhanced.rivrun-jc-size-large {
  --rivrun-jc-btn-height: 42px;
  --rivrun-jc-btn-font-size: 13px;
  --rivrun-jc-btn-gap: 9px;
  --rivrun-jc-btn-pad-x: 15px;
  --rivrun-jc-icon-size: 18px;
}

.wp-block-joinchat-button.rivrun-jc-enhanced.alignleft,
.wp-block-joinchat-button.rivrun-jc-enhanced.is-content-justification-left,
.wp-block-joinchat-button.rivrun-jc-enhanced[class*="is-content-justification-left"] {
  float: none !important;
  clear: both !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced figure,
.wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__qr {
  display: none !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced > .wp-block-buttons,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-buttons {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--rivrun-jc-btn-gap) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button-wrap,
.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button[class*="wp-block-button__width-"] {
  margin: 0 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button__link,
.wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__link,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .42em !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: 100% !important;
  height: var(--rivrun-jc-btn-height) !important;
  min-height: var(--rivrun-jc-btn-height) !important;
  padding: 0 var(--rivrun-jc-btn-pad-x) !important;
  border-radius: 999px !important;
  border-width: 1px !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: var(--rivrun-jc-btn-font-size) !important;
  font-weight: 800 !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.13) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button__link:hover,
.wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__link:hover,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
}

/* Prevent Gutenberg's WhatsApp :before icon from being reused on Messenger/Call. */
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button::before {
  content: none !important;
  display: none !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--rivrun-jc-icon-size) !important;
  height: var(--rivrun-jc-icon-size) !important;
  min-width: var(--rivrun-jc-icon-size) !important;
  line-height: 0 !important;
  color: currentColor !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon svg,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon-img {
  display: block !important;
  width: var(--rivrun-jc-icon-size) !important;
  height: var(--rivrun-jc-icon-size) !important;
  object-fit: contain !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-label {
  display: inline-block !important;
  white-space: nowrap !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-messenger {
  background: linear-gradient(135deg, #4b0712, #120608) !important;
  color: #fff !important;
  border-color: rgba(216, 185, 111, .55) !important;
}

.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-call {
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.20) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Tooltip reliability: hover/focus on desktop, native auto-tooltip class on mobile. */
.joinchat__button:hover .joinchat__tooltip,
.joinchat__button:focus .joinchat__tooltip,
.joinchat--tooltip .joinchat__tooltip {
  opacity: 1 !important;
  transform: translate3d(0,0,0) !important;
  visibility: visible !important;
  pointer-events: none !important;
}

.joinchat--chatbox .joinchat__tooltip {
  opacity: 0 !important;
  visibility: hidden !important;
}

@media (max-width: 480px) {
  .wp-block-joinchat-button.rivrun-jc-enhanced {
    --rivrun-jc-btn-height: 32px;
    --rivrun-jc-btn-font-size: 11px;
    --rivrun-jc-btn-gap: 6px;
    --rivrun-jc-btn-pad-x: 10px;
    --rivrun-jc-icon-size: 14px;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .wp-block-joinchat-button.rivrun-jc-enhanced > .wp-block-buttons,
  .wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-buttons {
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  .wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button__link,
  .wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__link,
  .wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button {
    min-width: max-content !important;
    max-width: calc(100vw - 30px) !important;
  }
}

/* One2TenX brand skin v7.0.5
   Colors/design only. Existing JS/PHP behavior and functional class names stay untouched.
   Icon-safe: keeps the original Joinchat WhatsApp SVG background and custom SVG/icon support. */

.joinchat{
  --otx-jc-deep:#070B22;
  --otx-jc-navy:#0B1F6B;
  --otx-jc-navy-2:#07133F;
  --otx-jc-blue:#2450D4;
  --otx-jc-red:#D42B2B;
  --otx-jc-red-2:#FF3B3B;
  --otx-jc-gold:#F0A500;
  --otx-jc-gold-2:#FFD76A;
  --otx-jc-cream:#FDF8F3;
  --otx-jc-paper:#FFFFFF;
  --otx-jc-ink:#101326;
  --otx-jc-muted:#444B67;
  --otx-jc-soft:#DCE3FF;

  --ch:230!important;
  --cs:82%!important;
  --cl:23%!important;
  --bw:1!important;
  --color:var(--otx-jc-navy)!important;
  --hover:var(--otx-jc-red)!important;
  --dark:var(--otx-jc-navy-2)!important;
  --bg:var(--otx-jc-cream)!important;
  --msg:var(--otx-jc-red)!important;
  color:var(--otx-jc-paper)!important;
}

/* Main floating button — keep base WhatsApp icon visible. */
.joinchat__button{
  background:
    var(--joinchat-ico) center/58% no-repeat,
    radial-gradient(circle at 28% 0%,rgba(240,165,0,.30),transparent 34%),
    linear-gradient(145deg,var(--otx-jc-red) 0%,var(--otx-jc-navy) 52%,var(--otx-jc-deep) 100%)!important;
  border:1px solid rgba(240,165,0,.42)!important;
  box-shadow:
    0 18px 46px rgba(11,31,107,.34),
    0 10px 30px rgba(212,43,43,.24),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.joinchat__button:hover,
.joinchat__button:active{
  background:
    var(--joinchat-ico) center/58% no-repeat,
    radial-gradient(circle at 28% 0%,rgba(240,165,0,.38),transparent 34%),
    linear-gradient(145deg,var(--otx-jc-red-2) 0%,var(--otx-jc-navy) 54%,var(--otx-jc-deep) 100%)!important;
  border-color:rgba(240,165,0,.58)!important;
  box-shadow:
    0 24px 60px rgba(11,31,107,.42),
    0 14px 34px rgba(212,43,43,.28),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* If user uploaded a custom Joinchat icon, don't duplicate the WhatsApp SVG background. */
.joinchat__button:has(.joinchat__button__ico){
  background:
    radial-gradient(circle at 28% 0%,rgba(240,165,0,.30),transparent 34%),
    linear-gradient(145deg,var(--otx-jc-red) 0%,var(--otx-jc-navy) 52%,var(--otx-jc-deep) 100%)!important;
}
.joinchat__button:has(.joinchat__button__ico):hover,
.joinchat__button:has(.joinchat__button__ico):active{
  background:
    radial-gradient(circle at 28% 0%,rgba(240,165,0,.38),transparent 34%),
    linear-gradient(145deg,var(--otx-jc-red-2) 0%,var(--otx-jc-navy) 54%,var(--otx-jc-deep) 100%)!important;
}
.joinchat__button__ico,
.joinchat__button__ico svg,
.joinchat__button__ico path{
  color:#fff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Tooltip. */
.joinchat__tooltip div{
  background:linear-gradient(135deg,var(--otx-jc-navy),var(--otx-jc-navy-2))!important;
  color:#fff!important;
  border:1px solid rgba(240,165,0,.32)!important;
  box-shadow:0 18px 44px rgba(7,11,34,.30)!important;
}
.joinchat__tooltip:after,
.joinchat__tooltip::after{
  border-color:transparent transparent transparent var(--otx-jc-navy-2)!important;
}
.joinchat--left .joinchat__tooltip:after,
.joinchat--left .joinchat__tooltip::after{
  border-color:transparent var(--otx-jc-navy-2) transparent transparent!important;
}

/* Chat window. */
.joinchat__chatbox{
  background:
    linear-gradient(180deg,
      var(--otx-jc-navy) 0,
      var(--otx-jc-navy-2) var(--header),
      var(--otx-jc-cream) var(--header),
      #fff 100%)!important;
  border:1px solid rgba(240,165,0,.28)!important;
  box-shadow:0 28px 80px rgba(7,11,34,.44),0 0 0 1px rgba(255,255,255,.05) inset!important;
}
.joinchat__header{
  background:
    radial-gradient(circle at 18% 0%,rgba(240,165,0,.24),transparent 32%),
    linear-gradient(135deg,var(--otx-jc-red),var(--otx-jc-navy) 62%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border-bottom:1px solid rgba(240,165,0,.24)!important;
}
.joinchat__header span,
.joinchat__header a,
.joinchat__wa{
  color:#fff!important;
  fill:currentColor!important;
  opacity:1!important;
}
.joinchat__close{
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.12)!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 22px rgba(7,11,34,.25)!important;
  overflow:hidden!important;
}
.joinchat__close::before{
  content:""!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.41L12 13.41l4.89 4.9a1 1 0 0 0 1.41-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.41L12 13.41l4.89 4.9a1 1 0 0 0 1.41-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  pointer-events:none!important;
}
.joinchat__close:hover,
.joinchat__close:active{
  background-color:rgba(255,255,255,.20)!important;
  color:#fff!important;
}
.joinchat__scroll{
  background:
    radial-gradient(circle at 15% 0%,rgba(240,165,0,.08),transparent 38%),
    linear-gradient(180deg,rgba(11,31,107,.08),rgba(255,255,255,0))!important;
}

/* Message bubbles. */
.joinchat__bubble{
  background:#fff!important;
  color:var(--otx-jc-ink)!important;
  border:1px solid rgba(11,31,107,.12)!important;
  box-shadow:0 11px 26px rgba(7,11,34,.16)!important;
  filter:none!important;
}
.joinchat__bubble::before{
  background:inherit!important;
}
.joinchat__bubble.joinchat__bubble--note{
  background:transparent!important;
  color:var(--otx-jc-muted)!important;
  border:0!important;
  box-shadow:none!important;
}
.joinchat__bubble a{
  color:var(--otx-jc-red)!important;
  font-weight:800!important;
  text-decoration-color:rgba(212,43,43,.32)!important;
}
.joinchat__bubble a:hover,
.joinchat__bubble a:active{
  color:var(--otx-jc-red-2)!important;
}
.joinchat__bubble a.joinchat__btn,
.joinchat__open{
  background:
    linear-gradient(135deg,var(--otx-jc-red),var(--otx-jc-navy) 64%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border:1px solid rgba(240,165,0,.34)!important;
  box-shadow:0 12px 30px rgba(11,31,107,.24),0 8px 18px rgba(212,43,43,.18)!important;
}
.joinchat__bubble a.joinchat__btn:hover,
.joinchat__open:hover,
.joinchat__open:active{
  background:
    linear-gradient(135deg,var(--otx-jc-red-2),var(--otx-jc-navy) 62%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border-color:rgba(240,165,0,.46)!important;
}
.joinchat__open__text{
  color:#fff!important;
  font-weight:900!important;
}
.joinchat__open__icon path{
  stroke:#fff!important;
}
.joinchat__open__icon .joinchat__pa,
.joinchat__open__icon .joinchat__pb{
  stroke:#fff!important;
  fill:none!important;
}
.joinchat__badge,
.joinchat__button .joinchat__badge{
  background:linear-gradient(135deg,var(--otx-jc-gold),var(--otx-jc-gold-2))!important;
  color:var(--otx-jc-deep)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 8px 22px rgba(7,11,34,.30)!important;
}

/* Gutenberg Joinchat Button + extra Messenger/Call buttons.
   Class names remain rivrun-jc-* because the existing working add-on uses them. */
.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button__link,
.wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__link,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button,
.joinchat__woo-btn{
  background:
    linear-gradient(135deg,var(--otx-jc-red),var(--otx-jc-navy) 62%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border:1px solid rgba(240,165,0,.36)!important;
  box-shadow:0 12px 28px rgba(11,31,107,.24),0 8px 18px rgba(212,43,43,.14)!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .wp-block-button__link:hover,
.wp-block-joinchat-button.rivrun-jc-enhanced .joinchat-button__link:hover,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-extra-button:hover,
.joinchat__woo-btn:hover{
  background:
    linear-gradient(135deg,var(--otx-jc-red-2),var(--otx-jc-navy) 62%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border-color:rgba(240,165,0,.48)!important;
  transform:translateY(-1px)!important;
}

/* Messenger: One2TenX blue/navy, icon stays visible through currentColor or image. */
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-messenger{
  background:
    linear-gradient(135deg,var(--otx-jc-blue),var(--otx-jc-navy) 62%,var(--otx-jc-deep))!important;
  color:#fff!important;
  border-color:rgba(240,165,0,.32)!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-messenger:hover{
  background:
    linear-gradient(135deg,var(--otx-jc-red),var(--otx-jc-blue) 52%,var(--otx-jc-navy))!important;
  color:#fff!important;
}

/* Call: lighter contrast button but still One2TenX branded. */
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-call{
  background:
    linear-gradient(135deg,#fff,var(--otx-jc-cream))!important;
  color:var(--otx-jc-navy)!important;
  border-color:rgba(11,31,107,.20)!important;
  box-shadow:0 10px 24px rgba(11,31,107,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-call:hover{
  background:
    linear-gradient(135deg,#fff,var(--otx-jc-gold-2))!important;
  color:var(--otx-jc-navy)!important;
  border-color:rgba(240,165,0,.44)!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon svg,
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon svg path{
  color:currentColor!important;
  fill:currentColor!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon-img{
  display:block!important;
  width:var(--rivrun-jc-icon-size)!important;
  height:var(--rivrun-jc-icon-size)!important;
  object-fit:contain!important;
}

/* One2TenX icon safety v7.0.6
   Keeps all icons visible without touching JS/PHP behavior. */
.joinchat__wa,
.joinchat__wa svg,
.joinchat__wa path,
.joinchat__open__icon,
.joinchat__open__icon svg,
.joinchat__open__icon path{
  opacity:1!important;
  visibility:visible!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon{
  opacity:1!important;
  visibility:visible!important;
  color:currentColor!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon svg{
  display:block!important;
  fill:currentColor!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon svg path{
  fill:currentColor!important;
}
.wp-block-joinchat-button.rivrun-jc-enhanced .rivrun-jc-icon-img{
  opacity:1!important;
  visibility:visible!important;
}

/* One2TenX v7.0.7 send icon color fix
   The moving/animated send SVG icon must stay white, not gold. */
.joinchat__open__icon,
.joinchat__open__icon svg,
.joinchat__open__icon path,
.joinchat__open__icon .joinchat__pa,
.joinchat__open__icon .joinchat__pb{
  color:#fff!important;
  stroke:#fff!important;
}
.joinchat__open__icon .joinchat__pa,
.joinchat__open__icon .joinchat__pb{
  fill:none!important;
}

.joinchat__tooltip div strong,
.joinchat__tooltip div b,
.joinchat__tooltip div span{
  color:var(--otx-jc-navy)!important;
}
.joinchat__tooltip:after,
.joinchat__tooltip::after{
  border-color:transparent transparent transparent var(--otx-jc-cream)!important;
  filter:drop-shadow(2px 1px 1px rgba(7,11,34,.10))!important;
}
.joinchat--left .joinchat__tooltip:after,
.joinchat--left .joinchat__tooltip::after{
  border-color:transparent var(--otx-jc-cream) transparent transparent!important;
  filter:drop-shadow(-2px 1px 1px rgba(7,11,34,.10))!important;
}

/* Tooltip stays clean on very dark sections and mobile. */
@media(max-width:480px){
  .joinchat__tooltip div{
    background:linear-gradient(135deg,#FFFFFF,var(--otx-jc-cream))!important;
    color:var(--otx-jc-navy)!important;
    border-color:rgba(240,165,0,.46)!important;
  }
}
/* One2TenX v7.1.2 — single-background tooltip final fix
   Base Joinchat paints the tooltip background on .joinchat__tooltip and the text holder is a child div.
   Previous versions styled the child div, leaving the base white parent visible.
   This makes the parent the only visual pill and makes the child transparent. */
.joinchat .joinchat__tooltip,
.joinchat__tooltip{
  background:
    radial-gradient(circle at 14% 0%,rgba(240,165,0,.18),transparent 36%),
    linear-gradient(135deg,#0B1F6B 0%,#07133F 58%,#070B22 100%)!important;
  color:#FFFFFF!important;
  border:1px solid rgba(240,165,0,.52)!important;
  border-radius:999px!important;
  box-shadow:
    0 18px 42px rgba(7,11,34,.34),
    0 8px 18px rgba(212,43,43,.12),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
  filter:none!important;
  height:34px!important;
  min-height:34px!important;
  line-height:32px!important;
  padding:0 16px!important;
  overflow:visible!important;
}
.joinchat .joinchat__tooltip div,
.joinchat__tooltip div{
  background:transparent!important;
  background-image:none!important;
  color:#FFFFFF!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  line-height:32px!important;
  padding:0!important;
  margin:0!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  text-shadow:none!important;
}
.joinchat .joinchat__tooltip div::before,
.joinchat .joinchat__tooltip div::after,
.joinchat__tooltip div::before,
.joinchat__tooltip div::after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.joinchat .joinchat__tooltip::after,
.joinchat__tooltip::after{
  border-left-color:#07133F!important;
  filter:drop-shadow(2px 1px 1px rgba(7,11,34,.18))!important;
}
.joinchat.joinchat--left .joinchat__tooltip::after,
.joinchat--left .joinchat__tooltip::after{
  border-right-color:#07133F!important;
  border-left-color:transparent!important;
  filter:drop-shadow(-2px 1px 1px rgba(7,11,34,.18))!important;
}
@media(max-width:480px){
  .joinchat .joinchat__tooltip,
  .joinchat__tooltip{
    height:32px!important;
    min-height:32px!important;
    line-height:30px!important;
    padding:0 14px!important;
  }
  .joinchat .joinchat__tooltip div,
  .joinchat__tooltip div{
    font-size:14px!important;
    line-height:30px!important;
  }
}