/* Pulsanti "Ascolta su" (inc/ascolta.php): al posto dei player Spotify/Apple.
   Barre piene nei colori delle piattaforme, angoli netti come il resto del tema. */
.traks-piattaforme {
  margin: 32px 0;
  font-family: var(--font-ui);
}
.traks-piattaforme .ta-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  margin: 0 0 12px;
  color: var(--fg);
  font-size: 16px;
  line-height: 1.35;
}
.traks-piattaforme .ta-kicker {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--red);
}
.traks-piattaforme .ta-cosa strong { font-weight: 700; }
.traks-piattaforme .ta-di { color: var(--ink-soft); }
.traks-piattaforme .ta-btns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
}
.traks-piattaforme .ta-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 18px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  border: 0;
  transition: filter .15s ease, transform .15s ease;
}
.traks-piattaforme .ta-btn:hover,
.traks-piattaforme .ta-btn:focus-visible { filter: brightness(.9); transform: translateY(-1px); }
.traks-piattaforme .ta-ico { width: 22px; height: 22px; flex: none; }
.traks-piattaforme .ta-freccia { margin-left: auto; font-size: 18px; }
.traks-piattaforme .ta-spotify  { background: #1DB954; color: #000 !important; }
.traks-piattaforme .ta-apple    { background: #FA243C; color: #fff !important; }
.traks-piattaforme .ta-deezer   { background: #A238FF; color: #fff !important; }
.traks-piattaforme .ta-bandcamp { background: #1DA0C3; color: #fff !important; }
@media (max-width: 520px) {
  .traks-piattaforme .ta-btns { grid-template-columns: 1fr 1fr; }
  .traks-piattaforme .ta-btn { min-height: 50px; padding: 0 14px; font-size: 15px; gap: 10px; }
}