/*
 Theme Name:   Bimber Child
 Theme URI:    https://gojardin.fr/
 Description:  Thème enfant pour Bimber — optimisations Go Jardin
 Author:       Julien Ropion
 Author URI:   https://gojardin.fr/
 Template:     bimber
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         child-theme, performance, accessibility
 Text Domain:  bimber-child
*/

/* --- Styles personnalisés --- */

/* Forcer les polices système pour le texte */
body, button, input, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Redéfinir la police Bimber (icônes) avec font-display: swap */
@font-face {
  font-family: "bimber";
  src: url("/wp-content/themes/bimber/fonts/bimber.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Font Awesome Free Solid */
@font-face {
  font-family: "Font Awesome 5 Free";
  src: url("/wp-content/plugins/youzify/assets/css/webfonts/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Font Awesome Brands */
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url("/wp-content/plugins/youzify/assets/css/webfonts/fa-brands-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Réserver l’espace pour les images mises en avant (évite CLS) */
.entry-content img,
.wp-post-image {
  aspect-ratio: 16/9; /* adapte selon ton format */
  width: 100%;
  height: auto;
  display: block;
}

/* Réserver l’espace pour les vidéos (YouTube, Vimeo, etc.) */
.responsive-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* ratio 16:9 */
  height: 0;
}
.responsive-iframe iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}

/* Réserver un espace fixe pour les pubs (évite CLS) */
.ad-slot {
  min-height: 250px; /* adapte selon ton format */
  display: block;
}

/* Désactiver les transitions lourdes sur mobile */
@media (max-width: 768px) {
  * {
    transition: none !important;
    animation: none !important;
  }
}