/* =========================================================================
   Alzati e Fattura — sezione 02 PRESS
   Desktop 1440×170 · mobile 390×145.
   Nel Figma la fila di loghi è una "track duplicata per loop": scorre
   all'infinito. Qui si ottiene duplicando la fila e traslandola del 50%.
   ========================================================================= */

.aef-press,
.aef-press *,
.aef-press *::before,
.aef-press *::after { box-sizing: border-box; }

.aef-press {
  --ink: #030F0F;
  --dim: #7A8A82;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  padding: 36px 0;
  background: var(--ink);
  font-family: 'Switzer', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow: hidden;
}

.aef-press__label {
  margin: 0;
  color: var(--dim);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-align: center;
}

/* Nastro: maschera ai lati perché i loghi entrino ed escano in dissolvenza.
   Scorrevole a mano fin da subito — col dito, col trackpad e trascinandolo
   col mouse (vedi nastri.js). */
.aef-press__marquee {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.aef-press__marquee::-webkit-scrollbar { display: none; }

.aef-press__marquee.aef-nastro-preso {
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
}

.aef-press__track {
  display: flex;
  align-items: center;
  gap: 72px;
  width: max-content;
  animation: aef-press-scroll var(--aef-press-speed, 42s) linear infinite;
}

/* La seconda copia rende il giro continuo: quando la prima esce, la
   seconda è già in posizione e l'animazione riparte senza salti. */
@keyframes aef-press-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Al passaggio del mouse il nastro si **ferma**, e riparte quando il mouse se
   ne va. Il 2026-08-09 era stato provato il rallentamento al 25%: Matteo l'ha
   respinto due volte — un nastro che rallenta e basta si legge come un difetto,
   e chi si ferma su una scheda la vuole ferma. Il vero motivo per cui i nastri
   «non scorrevano» era un altro: dopo un trascinamento restavano morti per
   sempre. Sistemato in nastri.js. */
/*
 * La pausa al passaggio del mouse vale **solo dove un mouse esiste davvero**.
 *
 * Sul computer non cambia niente: ci si ferma sopra e il nastro si ferma, come
 * ha sempre fatto. Su telefono invece un tocco fa scattare lo stato «hover» e
 * ce lo lascia appiccicato: il nastro si fermava e restava fermo, perché dal
 * 2026-08-15 il dito non può più trascinarlo — la via d'uscita che c'era prima.
 *
 * `hover: hover` e `pointer: fine` insieme vogliono dire mouse o trackpad: più
 * affidabile della larghezza dello schermo, perché un tablet grande col dito
 * resta fuori e un portatile stretto resta dentro.
 */
@media (hover: hover) and (pointer: fine) {
  .aef-press__marquee:hover .aef-press__track { animation-play-state: paused; }
}

/* L'altezza di ogni logo arriva dal template in `--aef-logo-h`: hanno
   proporzioni diverse fra loro e vanno pareggiati a occhio, non a numero. */
.aef-press .aef-press__logo {
  flex: 0 0 auto;
  height: var(--aef-logo-h, 34px);
  width: auto;
  opacity: 0.85;
  filter: saturate(0);
  transition: opacity .25s ease, filter .25s ease;
}

.aef-press__logo:hover {
  opacity: 1;
  filter: none;
}

/* =========================================================================
   MOBILE — frame 390×145
   ========================================================================= */
@media (max-width: 767px) {
  .aef-press {
    gap: 20px;
    padding: 40px 0;
  }

  .aef-press__track { gap: 44px; }

  /* Nel frame telefono il nastro è alto 22 px contro i 34 del computer:
     ogni logo scende della stessa proporzione e i rapporti restano quelli
     scelti a mano. */
  .aef-press .aef-press__logo { height: calc(var(--aef-logo-h, 34px) * 0.65); }
}

/* Chi ha chiesto meno animazioni vede la fila ferma, non un nastro che corre */
@media (prefers-reduced-motion: reduce) {
  .aef-press__track {
    animation: none;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 32px 44px;
    padding: 0 24px;
  }
  .aef-press__track [data-clone="true"] { display: none; }
}

/* Nastro liberato dal tocco: da qui si scorre col dito (vedi nastri.js).
   scroll-snap tiene le schede allineate invece di lasciarle a metà. */
/* Nastro liberato: animazione spenta, comanda la mano. Lo scorrimento è già
   possibile sul contenitore; qui si aggiunge solo l'aggancio dei loghi. */
.aef-nastro-libero {
  scroll-snap-type: x proximity;
}

.aef-nastro-libero .aef-press__logo { scroll-snap-align: center; }

/* =========================================================================
   TELEFONO — il dito torna a scorrere questo nastro

   Il 15 agosto lo avevamo bloccato: era un'estensione mia di una richiesta che
   riguardava **solo le card degli speaker**. Il cliente l'ha segnalato il 16:
   qui il dito deve funzionare come ha sempre funzionato.

   Resta solo la selezione del testo disattivata, quella sì chiesta apposta:
   con il dito che trascina, una pressione un po' lunga tirava su le maniglie
   di selezione sopra le recensioni.
   ========================================================================= */
@media (max-width: 767px) {
  .aef-press__marquee {
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }
}