/*!
 * DBA WOW — pages publiques Plantes & Journal.
 * Ne touche pas au thème : uniquement des classes .dba-* et quelques sélecteurs ciblés.
 * Compatible WebView Android anciennes (pas de `gap`, pas de `inset`).
 */

/* ---------- Images : réservation d'espace, fondu, repli ---------- */
.dba-img { display: block; max-width: 100%; height: auto; object-fit: cover; background: #eef4e8; transition: opacity .45s ease; }
.dba-img.is-loading { opacity: 0; }

.dba-ph {
  position: relative; display: block; width: 100%; overflow: hidden; color: #26a02c;
  background: linear-gradient(135deg, #eef4e8, #f7f3e8);
}
.dba-ph::before { content: ""; display: block; padding-top: 60.33%; }
.dba-ph svg { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; }

.dba-flip { display: inline-block; transform: rotate(180deg); }

/* ---------- Accessibilité ---------- */
.dba-sr {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ---------- Barre de recherche / filtres (même look que la carte) ---------- */
.dba-filter { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -6px 10px; }
.dba-filter > * { margin: 0 6px 12px; }
.dba-filter__field { flex: 0 1 230px; min-width: 180px; }
.dba-filter__field--grow { flex: 1 1 300px; }
.dba-filter input[type="search"],
.dba-filter select {
  display: block; width: 100%; height: 46px; margin: 0; padding: 0 20px; border-radius: 999px;
  border: 1px solid rgba(14, 14, 14, .14); background-color: #fff; color: #0e0e0e; font-size: 15px;
  box-shadow: none; outline: none; -webkit-appearance: none; appearance: none;
  transition: border-color .2s, box-shadow .2s;
}
.dba-filter select {
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235c5c5c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 18px center;
}
.dba-filter input[type="search"]:focus,
.dba-filter select:focus { border-color: #26a02c; box-shadow: 0 0 0 4px rgba(38, 160, 44, .12); }

.dba-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 24px;
  border-radius: 999px; border: 1px solid #26a02c; background: #26a02c; color: #fff; font-size: 14.5px;
  font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; letter-spacing: normal; text-transform: none;
  transition: opacity .2s, background .2s;
}
.dba-btn:hover, .dba-btn:focus { opacity: .9; color: #fff; text-decoration: none; }
.dba-btn--ghost { background: #fff; color: #26a02c; }
.dba-btn--ghost:hover, .dba-btn--ghost:focus { background: rgba(38, 160, 44, .08); color: #26a02c; }

.dba-result { margin: 0 0 24px; font-size: 15px; color: #5c5c5c; }
.dba-link { color: #26a02c; text-decoration: underline; }
.dba-empty { padding: 36px 0; text-align: center; color: #5c5c5c; font-size: 16px; }
.dba-empty a { color: #26a02c; text-decoration: underline; }
.dba-latin { font-style: italic; }

/* ---------- Fiche plante ---------- */
.dba-map-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  margin: 0 0 28px; padding: 18px 22px; border-radius: 18px;
  background: #eef4e8; border: 1px solid rgba(38, 160, 44, .25);
}
.dba-map-cta__text { flex: 1 1 260px; margin: 0 18px 0 0; font-size: 14.5px; line-height: 1.55; color: #3b3b3b; }
.dba-map-cta__text strong { display: block; margin-bottom: 2px; font-size: 16px; color: #0e0e0e; }
.dba-map-cta .dba-btn { flex: none; margin: 4px 0; }

.dba-facts { display: block; margin: 28px 0; border-top: 1px solid rgba(14, 14, 14, .1); }
.dba-facts__row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(14, 14, 14, .1); font-size: 15px; }
.dba-facts dt { margin: 0 16px 0 0; font-weight: 400; color: #5c5c5c; }
.dba-facts dd { margin: 0; font-weight: 600; color: #0e0e0e; text-align: right; }

.dba-section-title { margin: 44px 0 22px; font-size: 24px; }

.widget_text .dba-btn { margin-top: 6px; }

@media (max-width: 575px) {
  .dba-filter__field, .dba-filter__field--grow { flex: 1 1 100%; }
  .dba-filter .dba-btn { flex: 1 1 auto; }
  .dba-map-cta { padding: 16px; }
  .dba-map-cta .dba-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .dba-img { transition: none; }
}