/* ------------------------------------------------------------------
   Le Kiosque — CSS personnalise du theme
   Charge par LoadThemeHead APRES theme.N.css : pas besoin de forcer la
   specificite ici, ces regles passent apres celles d'UIkit et du theme.

   A noter : l'etiquette de rubrique (.el-meta.uk-h6) n'est PAS ici, elle
   vit dans le LESS personnalise du Customizer. Le LESS n'etant compile
   que lors d'un enregistrement du Customizer (compilation navigateur),
   toute regle livree par script va dans ce fichier.
   ------------------------------------------------------------------ */

/* [kiosque-design] coins arrondis des visuels d'article — rayon 10px */

/* Carte sans zoom au survol : l'image est un <img> en flux, l'arrondi
   se pose directement dessus. */
.tm-page .el-item .el-image:not([uk-cover]) {
    border-radius: 10px;
}

/* Carte avec zoom au survol (image_transition) : YOOtheme enveloppe l'image
   dans un <div class="uk-inline-clip">, qui est en overflow:hidden. C'est LUI
   qui recadre l'image agrandie — sans arrondi ici, les coins redeviendraient
   carres des le survol.
   translateZ(0) : le meme correctif que UIkit applique lui-meme a
   .uk-inline-clip[class*="uk-border-"], sans quoi WebKit ne clippe pas un
   enfant transforme contre des coins arrondis. */
.tm-page .el-item .uk-inline-clip {
    border-radius: 10px;
    transform: translateZ(0);
}

/* Diaporama : l'image porte uk-cover et deborde volontairement son cadre,
   un arrondi sur l'image serait donc invisible. Il va sur le conteneur,
   deja en overflow:hidden (UIkit). */
.tm-page .uk-slideshow-items {
    border-radius: 10px;
}