/* Le bloc Fichier de WordPress (une présentation en PDF dans un article, INS-11) : le nom du fichier à gauche,
   précédé d'une icône de document, le bouton de téléchargement calé à droite, à la même place d'une ligne à
   l'autre ; l'aperçu, s'il est affiché, prend toute la largeur au-dessus. Couleurs lues dans css/tokens.css. */
.entry-content .wp-block-file {
  --file-icon-size: 1.15em;

  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  align-items: center;
}

.entry-content .wp-block-file__embed {
  flex-basis: 100%;
}

/* L'icône est décorative (le nom dit déjà « PDF ») : un dessin de document, en masque peint dans la couleur du
   lien ; écrite ici plutôt que dans img/, qui ne contient que des copies générées. */
.entry-content .wp-block-file > a:not(.wp-block-file__button)::before {
  display: inline-block;
  width: var(--file-icon-size);
  height: var(--file-icon-size);
  margin-right: 0.4em;
  vertical-align: -0.2em;
  background-color: currentcolor;
  content: '';
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M6 2.75h8.25L18.5 7v14.25H6z'/%3E%3Cpath d='M14.25 2.75V7h4.25'/%3E%3Cpath d='M8.75 12h7M8.75 15h7M8.75 18h4.5'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* Un bouton plein comme les autres (components.css). Le thème Sydney colore les liens d'un article par une
   règle plus précise que celle-ci : sans !important, le bouton prenait leur couleur, ambre sur fond ambre, et
   son texte disparaissait. */
.entry-content .wp-block-file__button {
  margin-left: auto;
  border-radius: 100px;
  background-color: var(--altaira-button-bg);
  color: var(--altaira-button-text) !important;
  letter-spacing: 2px;
}

.entry-content .wp-block-file__button:hover {
  background-color: var(--altaira-button-bg-hover);
}

/* Style « Diapositives (16:9) », déclaré dans includes/style.php. L'éditeur écrit la hauteur de l'aperçu en
   pixels dans l'attribut style : on la remplace par le format des diapositives, pour qu'une page tienne dans le
   cadre quelle que soit la largeur. Sur téléphone, WordPress masque l'aperçu (pas de lecteur PDF intégré) :
   reste le bouton de téléchargement. */
.entry-content .is-style-altaira-slides .wp-block-file__embed {
  --slides-ratio: 16 / 9;

  height: auto !important;
  aspect-ratio: var(--slides-ratio);
}