/* Pagina Contatti (usa header/glow vetrina.css) */

.contatti-page {
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin: 0 auto;
  padding: 8px 14px calc(100px + var(--safe-bottom));
}

.contatti-intro {
  margin: 0 0 22px;
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--muted);
  text-align: center;
}

.contatti-channels {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contatti-channel {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  text-decoration: none;
  color: #fafafa;
  background: linear-gradient(165deg, #0f1820 0%, #0a1014 100%);
  box-shadow:
    0 0 0 1px rgba(56, 189, 248, 0.22),
    0 8px 26px rgba(0, 0, 0, 0.42);
  transition:
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

button.contatti-channel {
  font: inherit;
  border: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
}

.contatti-channel__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

.contatti-channel__handle {
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: rgba(250, 250, 250, 0.92);
  word-break: break-all;
}

.contatti-channel__handle--cta {
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(253, 224, 200, 0.9);
}

.contatti-channel--copy {
  box-shadow:
    0 0 0 1px rgba(56, 189, 248, 0.14),
    0 6px 20px rgba(0, 0, 0, 0.38);
}

.contatti-channel--copy:hover,
.contatti-channel--copy:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px rgba(125, 211, 252, 0.35),
    0 0 18px rgba(14, 165, 233, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.42);
}

.contatti-channel--cta {
  background: linear-gradient(
    165deg,
    rgba(42, 22, 48, 0.95) 0%,
    rgba(12, 10, 20, 0.98) 100%
  );
  box-shadow:
    0 0 0 1px rgba(249, 168, 212, 0.42),
    0 0 22px rgba(236, 72, 153, 0.14),
    0 10px 32px rgba(0, 0, 0, 0.48);
}

.contatti-channel--cta:hover,
.contatti-channel--cta:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 1px rgba(253, 224, 200, 0.5),
    0 0 30px rgba(249, 168, 212, 0.22),
    0 12px 36px rgba(0, 0, 0, 0.52);
}

.contatti-channel--copy:focus-visible,
.contatti-channel--cta:focus-visible {
  outline: none;
}

.contatti-channel:active {
  transform: scale(0.99);
}

.contatti-channel.is-disabled {
  pointer-events: none;
  opacity: 0.42;
  filter: grayscale(0.25);
}

.contatti-channel__brand {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.25) inset,
    0 4px 12px rgba(0, 0, 0, 0.35);
}

.contatti-channel__brand--telegram {
  background: #26a5e4;
}

.contatti-channel__brand--signal {
  background: #3a76f0;
}

.contatti-channel__brand--instagram {
  background: linear-gradient(
    145deg,
    #f58529 0%,
    #dd2a7b 45%,
    #8134af 75%,
    #515bd4 100%
  );
}

.contatti-channel__logo {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.contatti-channel__label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(224, 242, 254, 0.92);
}

a.contatti-channel--cta .contatti-channel__label {
  font-size: 1.05rem;
  letter-spacing: 0.06em;
  background: linear-gradient(
    120deg,
    #fce7f3,
    #fff,
    #fbcfe8
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}