/* ==========================================================================
   COMPONENT: DIRECT FLOATING CTA (mrtcctadilu)
   Quick Direct Phone or Back-to-Top Button
   ========================================================================== */

:root {
  --mrtcctadilu-size: 50px;
  --mrtcctadilu-bg: var(--mrtc-color-dark);
  --mrtcctadilu-color: #ffffff;
}

.mrtcctadilu {
  position: fixed;
  bottom: 85px;
  left: 24px;
  z-index: 89;
  width: var(--mrtcctadilu-size);
  height: var(--mrtcctadilu-size);
  border-radius: var(--mrtc-radius-full);
  background: var(--mrtcctadilu-bg);
  color: var(--mrtcctadilu-color);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  border: 1px solid var(--mrtc-color-brand);
  cursor: pointer;
  transition: all var(--mrtc-transition-normal);
  text-decoration: none;
}

.mrtcctadilu:hover {
  background: var(--mrtc-color-brand);
  color: var(--mrtc-color-dark);
  transform: translateY(-4px) scale(1.05);
}

.mrtcctadilu svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
}

@media (max-width: 640px) {
  .mrtcctadilu {
    bottom: 75px;
    left: 14px;
    width: 44px;
    height: 44px;
  }
}