/*
 * VeloValue — Social Share Buttons
 * Pure CSS, no external icon fonts, no JS.
 * Pro-Tour palette — dark pill buttons.
 */

/* ==========================================================================
   Wrapper
   ========================================================================== */
.vv-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 1.25rem 0;
  margin: 2.5rem 0 1rem;
  border-top: 3px solid var(--vv-black);
}

.vv-share__label {
  font-family: var(--vv-font-heading);
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--vv-gray-600);
  margin-right: .35rem;
  white-space: nowrap;
}

/* ==========================================================================
   List & Items
   ========================================================================== */
.vv-share__list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.vv-share__item {
  margin: 0;
}

/* ==========================================================================
   Links (base)
   ========================================================================== */
.vv-share__link {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .4rem .75rem;
  border-radius: var(--vv-radius);
  font-family: var(--vv-font-heading);
  font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none !important;
  color: var(--vv-white) !important;
  transition: transform .1s ease, box-shadow .15s ease;
  white-space: nowrap;
}

.vv-share__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,0,0,.2);
}

.vv-share__icon {
  font-size: 1rem;
  line-height: 1;
}

/* ==========================================================================
   Per-platform colours
   ========================================================================== */
.vv-share__item--twitter  .vv-share__link { background: var(--vv-black); }
.vv-share__item--facebook .vv-share__link { background: #1877f2; }
.vv-share__item--whatsapp .vv-share__link { background: #25d366; }
.vv-share__item--telegram .vv-share__link { background: #2aabee; }
.vv-share__item--linkedin .vv-share__link { background: #0a66c2; }
.vv-share__item--email    .vv-share__link { background: var(--vv-gray-600); }

/* ==========================================================================
   Responsive — collapse text on small screens
   ========================================================================== */
@media (max-width: 480px) {
  .vv-share__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
  }

  .vv-share__link {
    padding: .45rem .6rem;
  }
}