/* Custom styles extracted from inline attributes */

/* Gradient background bubbles */
.bg-bubble-sky {
  background: radial-gradient(40% 40% at 50% 50%, #60a5fa 0%, rgba(96, 165, 250, 0) 70%);
}

.bg-bubble-emerald {
  background: radial-gradient(40% 40% at 50% 50%, #34d399 0%, rgba(52, 211, 153, 0) 70%);
}

/* Social color dots */
.dot-whatsapp { background: #25D366; }
.dot-instagram { background: #E4405F; }
.dot-telegram { background: #229ED9; }
.dot-tiktok { background: #ffffff; }
.dot-twitter { background: #1DA1F2; }
.dot-linkedin { background: #0A66C2; }
.dot-facebook { background: #1877F2; }
.dot-signal { background: #3A76F0; }

/* Gradient text utility using emerald (#34d399) to sky (#60a5fa) */
.text-gradient-emerald-sky {
  background-image: linear-gradient(90deg, #34d399, #60a5fa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Gradient stroke utility for SVGs. Requires #ui-emerald-sky defs in DOM */
.stroke-gradient-emerald-sky {
  stroke: url(#ui-emerald-sky);
}

/* Gradient border utility matching emerald→sky palette */
.gradient-border-emerald-sky {
  border: 1px solid transparent;
  border-image: linear-gradient(90deg, #34d399, #60a5fa) 1;
}

/* Link hover effects - desktop only */
@media (min-width: 1024px) {
  /* Cursor pointer for all links on desktop */
  a {
    cursor: pointer;
  }
  
  /* Light hover effect for navigation links (adds subtle background) */
  nav a:hover {
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 0.375rem;
    transition: background-color 0.2s ease;
  }
  
  /* Enhanced hover effect for links that don't already have hover:bg classes */
  a:not([class*="hover:bg"]):not(nav a):hover {
    opacity: 0.85;
    transition: opacity 0.2s ease;
  }
  
  /* Additional subtle scale effect for button-style links */
  a[class*="ring-"]:hover {
    transform: translateY(-1px);
    transition: transform 0.2s ease, background-color 0.2s ease;
  }
}