/* Empêche les décalages sans modifier le rendu du thème */
.wvc-img-bg {
  aspect-ratio: 16/9;
  overflow: hidden;
}

/* Réserve l’espace pour les images avant le chargement */
img.lazyload {
  min-height: 200px;
  display: block;
}

/* Charge les polices sans bloquer le rendu */
@font-face {
  font-display: swap;
}

/* Prévenir les shifts de texte lors du chargement des polices */
@font-face {
  font-family: 'Montserrat';
  src: url('https://www.davidcarson.fr/wp-content/uploads/fonts/54d0cbd93c6f908ffa2e995acaedfeff/montserrat--v31-normal-400.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://www.davidcarson.fr/wp-content/uploads/fonts/54d0cbd93c6f908ffa2e995acaedfeff/open-sans--v44-normal-400.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('https://www.davidcarson.fr/wp-content/uploads/fonts/54d0cbd93c6f908ffa2e995acaedfeff/lato--v25-normal-400.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: 'Lato';
  src: url('https://www.davidcarson.fr/wp-content/uploads/fonts/54d0cbd93c6f908ffa2e995acaedfeff/lato--v25-normal-700.woff2') format('woff2');
  font-display: swap;
  font-weight: 700;
}

/* Fixer l'espace pour les iframes externes (Spotify, YouTube…) */
iframe {
  min-height: 150px;
  min-width: 300px;
  display: block;
}

/* Fix CLS sur images sans dimensions */
img[data-src]:not([width]), 
img[data-src]:not([height]),
img.lazyload {
    display: block;       /* évite les décalages inline */
    width: auto;          /* conserve la largeur native */
    max-width: 100%;      /* responsive */
    height: auto;         /* conserve les proportions */
    min-height: 200px;    /* ou la hauteur approximative de l'image pour éviter le saut */
}

/* Uniformiser toutes les icônes du plugin Wolf Share */
.wolf-share-buttons-container .ws-svg {
    width: 24px !important;
    height: 24px !important;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}