/*

Theme Name: X – Child Theme
Theme URI: https://theme.co/x/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* 1) Boîte du logo : taille & rendu (adapte la hauteur si besoin) */
.masthead .x-brand {
  display: inline-block;
  width: 220px;              /* largeur visuelle du logo */
  height: 60px;              /* hauteur du logo dans le header */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* 2) On garde l’<img> pour l’accessibilité mais on le masque visuellement */
.masthead .x-brand img {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 3) Logo par défaut (Groupe) */
.masthead .x-brand {
  background-image: url('https://bluemoon.fr/bel/demo/wp-content/uploads/2025/08/logo-groupe-bellard-crochet-06.png');
}

/* 4) Logo Horticulture */
.bc-section-horticulture .masthead .x-brand {
  background-image: url('https://bluemoon.fr/bel/demo/wp-content/uploads/2026/08/logo-bellard-crochet-white.png');
}

/* 5) Logo Arboriculture */
.bc-section-arboriculture .masthead .x-brand {
  background-image: url('https://bluemoon.fr/bel/demo/wp-content/uploads/2025/08/logo-vergers-bellard-crochet-blanc.png');
}

/* 6) (Optionnel) si un second brand est injecté par le stack, on le masque */
.masthead .x-brand + .x-brand { display: none !important; }

/* 7) (Optionnel) responsive : logo un poil plus petit sur mobile */
@media (max-width: 640px) {
  .masthead .x-brand { width: 180px; height: 52px; }
}