/* TEXTE AU-DESSUS DU FILTRE */
.searchandfilter::before {
  content: "\A📩 Appelez-nous directement ☎️ 51 004 658 – 55 073 444\A\A Choisissez vos critères, puis cliquez sur « Afficher les résultats »";
  white-space: pre-line;
display: block;
  margin-bottom: 12px;
  font-size: 14px;
  color: #555;
  text-align: left;
}

/* CONTENEUR */
.searchandfilter {
  background: #f5f7fa;
  padding: 15px;
  border-radius: 8px;
}

/* LIGNE */
.searchandfilter ul {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Forcer l'affichage du widget sur toutes les pages */
.widget {
  display: block !important;
  visibility: visible !important;
}


/* BASE COMMUNE */
.searchandfilter input,
.searchandfilter select {
  height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 14px;
}

/* 🔹 CASE 1 : PRODUIT (plus large) */
.searchandfilter ul li:nth-child(1) {
  width: 260px;
}

/* 🔹 CASE 2 : TYPE */
.searchandfilter ul li:nth-child(2) {
  width: 260px;
}

/* 🔹 CASE 3 : LIEU */
.searchandfilter ul li:nth-child(3) {
  width: 260px;
}

/* 🔹 CASE 4 : BOUTON */
.searchandfilter ul li:nth-child(4) {
  width: 260px;
}

/* INPUTS */
.searchandfilter input[type="text"],
.searchandfilter select {
  width: 100%;
  border: 1px solid #dcdcdc;
  background: #fff;
}

/* BOUTON */
.searchandfilter input[type="submit"] {
  width: 100%;
  background-color: #007bff;
  color: #fff;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.wp-block-button {
  justify-content: flex-start !important;
}


/* HOVER */
.searchandfilter input[type="submit"]:hover {
  background-color: #0056b3;
}

/* MOBILE */
@media (max-width: 768px) {

  /* Texte d’intro */
  .searchandfilter::before {
    font-size: 18px;
    text-align: center;
    margin-bottom: 12px;
    line-height: 1.4;
  }

  /* Grille en colonne */
  .searchandfilter ul {
    grid-template-columns: 1fr;   /* 🔑 une case par ligne */
  }

	 /* Champs full width */
  .searchandfilter input,
  .searchandfilter select {
    width: 100%;
    max-width: 100%;
  }
}


/* Masquer auteur, date et catégories – MOBILE seulement */
.entry-meta,
.post-meta,
.post-author,
.byline,
.posted-on,
.cat-links,
.tags-links {
  display: none !important;
}