/* Onglet « L'avis de Pianos Parisot » — fiche produit.
   Palette Blocksy : 1 #9a3a34 (bordeaux) · 2 #999799 · 3 #202C39 · 4 #0D0E16
   6 #F5F2EE (crème) · 7 #f8f8f8 · 8 #fff */

.pp-avis-pianos-parisot {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Largeur desktop : cap global 800px de tous les panneaux d'onglets FP
   dans style.css (.single-product .woocommerce-Tabs-panel). */

/* Petits libellés (À retenir, Pour qui ?) */
.pp-avis__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var( --theme-palette-color-1, #9a3a34 );
  margin-bottom: 6px;
}

/* Encadré « À retenir » */
.pp-avis__retenir {
  background: var( --theme-palette-color-6, #F5F2EE );
  border-left: 3px solid var( --theme-palette-color-1, #9a3a34 );
  border-radius: 0 8px 8px 0;
  padding: 18px 22px;
}

.pp-avis__retenir p {
  margin: 0;
  font-size: 1.05em;
  line-height: 1.6;
}

/* Texte libre */
.pp-avis__texte > :first-child {
  margin-top: 0;
}

.pp-avis__texte > :last-child {
  margin-bottom: 0;
}

/* oEmbed : responsive-embeds ne cible que figure.wp-block-embed (ACF sort une
   iframe nue dans un <p>) et Blocksy ne cape que la largeur → sans ceci la
   hauteur resterait à celle de l'attribut (726px = bandes noires). */
.pp-avis__texte iframe {
  height: auto;
  aspect-ratio: 16 / 9;
}

/* Grille Points forts / Points de vigilance */
.pp-avis__grid {
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax( 260px, 1fr ) );
  gap: 16px;
  align-items: start;
}

.pp-avis__bloc {
  background: var( --theme-palette-color-8, #fff );
  border: 1px solid #e9e2d6; /* crème dérivée de color-6, un cran plus soutenue */
  border-radius: 8px;
  padding: 18px 22px;
}

/* Double sélecteur : prime sur les styles h3 du thème (margin-top 25px, 20px) */
.pp-avis__bloc .pp-avis__bloc-titre {
  margin: 0 0 12px;
  font-size: 17px;
  font-weight: 600;
  color: var( --theme-palette-color-3, #202C39 );
}

.pp-avis__bloc ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pp-avis__bloc li {
  position: relative;
  padding-left: 24px;
  line-height: 1.5;
}

.pp-avis__bloc li::before {
  position: absolute;
  left: 0;
  font-weight: 700;
}

/* Marqueurs décoratifs : alt vide (non lus par les lecteurs d'écran).
   Vert/ambre sémantiques, volontairement hors palette Blocksy. */
.pp-avis__bloc--forts li::before {
  content: '✓' / '';
  color: #3e7d4f;
}

.pp-avis__bloc--vigilance li::before {
  content: '–' / '';
  color: #b3851f;
}

/* « Pour qui ? » */
.pp-avis__pourqui {
  margin: 0;
  padding: 14px 22px;
  background: var( --theme-palette-color-7, #f8f8f8 );
  border-radius: 8px;
}

.pp-avis__pourqui .pp-avis__label {
  display: inline;
  margin: 0 8px 0 0;
}

/* Signature */
.pp-avis__signature {
  margin: 0;
  align-self: flex-end;
  font-style: italic;
  font-size: 0.95em;
  color: var( --theme-palette-color-2, #999799 );
}