/* ==========================================================================
   Paradise Home — /testimonianze/

   Caricato da inc/enqueue.php per `templates/page-testimonianze.php`, la pagina
   `testimonianze`, il CPT `testimonianza` e il suo archivio.

   REGOLA DI QUESTO FILE: ogni valore viene da
   research/assets/uploads__elementor__css__post-1253.css (elementor-1253, la
   pagina /testimonianze/ dell'originale) e dal kit post-6.css.

   La pagina vera è di tre soli elementi:

     ea88a2d  contenitore di primo livello, `e-con-boxed`
              --margin: 50px 0 · @media(max-width:1366px) --padding: 0 20px
     172b0f5  colonna con briciole e titolo, --align-items:flex-start
     b72f232  briciole, `.elementor-widget-container{margin:0 0 -10px 0}`,
              widget con classe `elementor-align-center`
     2036cd0  h1 Poppins 60px/600 primario, text-align:start
              (≤1024px 50px · ≤767px 40px)
     bb3c70f  contenitore del carosello, --margin:0
              @media(max-width:1366px) --padding: 0 20px
     353e482  riga (≤1024px colonna)
     8cbc9fd  riquadro verde: --border-radius:20px, --padding:20px,
              background-color #00BF630D, `--width:100%` da 768px in su
     5d26899  widget con lo shortcode, width 101.226% (≤767px max-width 1000px)

     body.elementor-page-1253 → background-color #FFFFFF

   Il riquadro verde, il monospazio delle card e tutto il carosello stanno in
   assets/css/recensioni.css (`.phr-riquadro`, `.phr-contesto--pagina`,
   `.phr-code`), che è il foglio del modulo `paradise-reviews`: qui non si
   ridichiara nulla di quello.

   COSA C'ERA PRIMA IN QUESTO FILE: le regole di una griglia di dodici schede
   (`.testimonianze__griglia`, `.testimonianza`, `.testimonianze-fonti`,
   `.testimonianze-cta`) con sollevamento all'hover e una CTA a gradiente. Quella
   pagina non esiste più — templates/page-testimonianze.php è tornato al carosello
   dell'originale — e le classi non compaiono in nessun markup servito. Le regole
   delle schede restano in fondo, in un blocco a parte, perché
   `template-parts/testimonianza.php` esiste ancora nel tema (nessun template lo
   monta): se qualcuno lo richiama trova la scheda vestita invece che nuda.
   ========================================================================== */

/* --------------------------------------------------------------------------
   ea88a2d + 172b0f5 + 2036cd0: la testata della pagina.

   `.page-hero` di main.css mette 50px sopra E 50px sotto. Sull'originale i 50px
   sono il margine del contenitore, quindi stanno solo sopra le briciole: fra il
   titolo e il riquadro verde ci sono i 20px di `--widgets-spacing` del kit, non
   50px. Sotto il riquadro tornano i 50px del `--margin-bottom` di ea88a2d.
   -------------------------------------------------------------------------- */

.page--testimonianze .page-hero {
  padding-block: var(--ph-section-gap, 50px) 0;
}

.page--testimonianze .page-hero > .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

/* I 20px fra il titolo e il riquadro, più i 50px di stacco dal piè di pagina. */
.page--testimonianze > .container {
  padding-top: 20px;
  padding-bottom: var(--ph-section-gap, 50px);
}

/* --------------------------------------------------------------------------
   Le schede singole — `template-parts/testimonianza.php`

   Nessun template del tema monta questa partial: le regole qui sotto non
   toccano nessuna pagina servita. Restano perché il markup esiste, e perché
   cancellarle vorrebbe dire che chi rimette in pagina la scheda la trova senza
   vestito. Non sono valori dell'originale — l'originale non ha una griglia di
   testimonianze — ma dell'anatomia delle card del tema.
   -------------------------------------------------------------------------- */

.testimonianze__griglia {
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

@media (min-width: 700px) {
  .testimonianze__griglia {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .testimonianze__griglia {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.testimonianza {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  border: 1px solid var(--ph-border);
  border-radius: var(--ph-radius-lg);
  background: var(--ph-white);
}

/* Nessun sollevamento in hover: nell'originale non esiste in nessuna card del
   sito (zero `transform` di hover in tutti i post-*.css). In hover cambia solo
   il titolo. */
.testimonianza:hover .testimonianza__titolo {
  color: var(--ph-accent-ink);
}

.testimonianza__head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.testimonianza__stelle {
  display: inline-flex;
  gap: 2px;
  margin: 0;
  color: #e6e1f2;
}

.testimonianza__stella-wrap {
  display: inline-flex;
}

/* Stessa ambra delle stelle del carosello (recensioni.css). */
.testimonianza__stella-wrap.is-on {
  color: #b36a00;
}

.testimonianza__stella {
  width: 17px;
  height: 17px;
}

.testimonianza__fonte {
  margin: 0;
  padding: 3px 10px;
  border: 1px solid var(--ph-border);
  border-radius: 999px;
  font-family: var(--ph-font-heading);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ph-text-muted);
}

.testimonianza__fonte--trustpilot {
  border-color: rgba(0, 130, 82, 0.35);
  color: #00694a;
}

.testimonianza__fonte--google {
  border-color: rgba(26, 115, 232, 0.35);
  color: #1358a8;
}

/* `.phr-title` del carosello: il kit impone `h3` Poppins 600 26px #692A98, e la
   scheda fuori dal carosello segue la stessa regola. */
.testimonianza__titolo {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.35;
  transition: color var(--ph-transition);
}

.testimonianza__testo {
  flex: 1 1 auto;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  font-size: var(--ph-body-size);
  font-weight: var(--ph-body-weight);
  line-height: var(--ph-leading);
  color: var(--ph-text);
}

.testimonianza__testo p {
  margin: 0 0 0.9em;
}

.testimonianza__testo p:last-child {
  margin-bottom: 0;
}

.testimonianza__foot {
  padding-top: 16px;
  border-top: 1px solid var(--ph-border);
}

.testimonianza__firma {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  align-items: baseline;
  margin: 0;
}

.testimonianza__autore {
  font-family: var(--ph-font-heading);
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  color: var(--ph-primary);
}

.testimonianza__data {
  font-size: 13px;
  color: var(--ph-text-muted);
}

.testimonianza__trattamento {
  margin: 6px 0 0;
  font-size: 14px;
}

.testimonianza__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-family: var(--ph-font-heading);
  font-size: 14px;
  font-weight: 500;
}

.testimonianza__link-icona {
  width: 14px;
  height: 14px;
}