/**
 * Vitalisite FSE - Links Page Styles
 *
 * Linktree-style page with avatar, name, description and link buttons.
 *
 * @package Vitalisite_FSE
 * @since 1.0.0
 */

.vitalisite-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
  padding: 48px 20px 32px;
  min-height: 100vh;
}

/* ── Header ── */

.vitalisite-links__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 32px;
}

.vitalisite-links__avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.vitalisite-links__name {
  font-size: var(--wp--preset--font-size--large, 1.5rem);
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--wp--preset--color--main-text, #1a1a1a);
}

.vitalisite-links__subtitle {
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  color: var(--wp--preset--color--muted, #64748b);
  margin: 0 0 8px;
  font-weight: 500;
}

.vitalisite-links__description {
  font-size: var(--wp--preset--font-size--small, 0.875rem);
  color: var(--wp--preset--color--muted, #64748b);
  margin: 0;
  line-height: 1.6;
  max-width: 360px;
}

/* ── Links list ── */

.vitalisite-links__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  flex: 1;
}

.vitalisite-links__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 20px;
  border-radius: 12px;
  background: var(--wp--preset--color--bg, #fff);
  border: 1px solid var(--wp--preset--color--border, #e2e8f0);
  color: var(--wp--preset--color--main-text, #1a1a1a);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--wp--preset--font-size--small, 0.9375rem);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  box-sizing: border-box;
}

.vitalisite-links__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: var(--wp--preset--color--primary, #0b3d91);
}

.vitalisite-links__item:active {
  transform: scale(0.98);
}

.vitalisite-links__icon {
  flex-shrink: 0;
  font-size: 1.25rem;
  line-height: 1;
}

.vitalisite-links__label {
  flex: 1;
  text-align: center;
}

/* ── Copyright ── */

.vitalisite-links__copyright {
  margin-top: auto;
  padding-top: 32px;
  font-size: var(--wp--preset--font-size--x-small, 0.75rem);
  color: var(--wp--preset--color--muted, #94a3b8);
  text-align: center;
}
