/* =================== hc-contact-channel.css =================== */
.hc-contact-channel { position:relative; }
.hc-contact-channel__copy {
  display:none;
  position:absolute;
  top:8px;
  right:8px;
  background:transparent;
  border:0.5px solid rgba(180,151,115,0.32);
  color:rgba(26,23,20,0.55);
  border-radius:100px;
  padding:3px 9px;
  font:500 10px/1.2 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:0.04em;
  text-transform:uppercase;
  cursor:pointer;
}
.hc-contact-channel:hover .hc-contact-channel__copy { display:inline-flex; align-items:center; gap:4px; }
.hc-contact-channel__copy:hover { color:var(--hc-ink, #1a1714); border-color:var(--hc-accent-dark, #5d4d3a); }
.hc-contact-channel__copy.is-copied { color:var(--hc-success, #3d6b4f); border-color:var(--hc-success, #3d6b4f); }
.hc-contact-channel__copy.is-copied::after { content:" ✓"; }

/* Premium contact card with animated SVG icon + shimmer-on-hover */
.hc-contact-channel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 20px 22px 20px 78px;
  background: linear-gradient(180deg, var(--hc-paper, #ffffff) 0%, rgba(252, 248, 240, 0.92) 100%);
  border: 0.5px solid rgba(141, 109, 71, 0.20);
  border-radius: 14px;
  text-decoration: none;
  color: var(--hc-ink, #1a1714);
  isolation: isolate;
  overflow: hidden;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
.hc-contact-channel::after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: -1;
  background: linear-gradient(115deg, transparent 30%, rgba(212, 184, 150, 0.32) 50%, transparent 70%);
  transition: left 0.7s cubic-bezier(0.2, 0.84, 0.3, 1);
}
.hc-contact-channel:hover {
  border-color: var(--hc-gold-border, rgba(212, 184, 150, 0.62));
  box-shadow:
    0 2px 4px rgba(40, 30, 15, 0.04),
    0 24px 50px -22px rgba(184, 154, 111, 0.32);
  transform: translateY(-3px);
}
.hc-contact-channel:hover::after { left: 120%; }
.hc-contact-channel::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: rgba(212, 184, 150, 0.20);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  border: 0.5px solid var(--hc-gold-border, rgba(212, 184, 150, 0.42));
  transition: background-color 0.32s ease, transform 0.32s cubic-bezier(0.2, 0.84, 0.3, 1);
}
.hc-contact-channel:hover::before {
  background-color: rgba(212, 184, 150, 0.36);
  transform: translateY(-50%) rotate(-6deg) scale(1.08);
}
.hc-contact-channel[href^="tel:"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b7355' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.37 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");
}
.hc-contact-channel[href^="mailto:"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b7355' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><polyline points='22,6 12,13 2,6'/></svg>");
}
.hc-contact-channel[href*="t.me"]::before,
.hc-contact-channel[href*="telegram"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b7355'><path d='M21.7 3.3 2.6 10.6c-1 .4-1 1 0 1.3l4.9 1.5 1.9 5.7c.2.6.4.7.9.4l3-2.7 5.4 4c.6.3 1 .1 1.2-.6L23 4.5c.2-.8-.3-1.5-1.3-1.2zm-3.4 4-9 6.4-3.6-1.1L18.3 7.3z'/></svg>");
}
.hc-contact-channel strong {
  font: 500 16px/1.3 var(--hc-sans, 'Outfit', sans-serif);
  color: var(--hc-ink, #1a1714);
}
.hc-contact-channel span {
  font-size: 13px;
  color: var(--hc-ink-soft, rgba(26, 23, 20, 0.6));
}
.hc-contact-channel__copy {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 10px;
  background: transparent;
  border: 1px solid rgba(141, 109, 71, 0.28);
  border-radius: 8px;
  font-size: 12px;
  color: var(--hc-accent-dark, #5d4d3a);
  cursor: pointer;
}