/* =========================================================================
   Encart PUBLIC Borvo « Sous l'oasis Borvo » — facon photo.
   Prefixe .bpub- et encapsule dans #borvo-public. Charte Borvo.
   ========================================================================= */
#borvo-public {
  --vert: #406414;
  --turquoise: #25b6c4;
  --bleu: #3f6fb3;
  --texte: #2B2B2B;
  --texte-doux: #6b6f72;
  --carte: #FFFFFF;
  --gris: #E3E5E6;
  --vert-ok: #2e8b3d;
  --entete: linear-gradient(160deg, #e7edf8, #eef2fb);

  font-family: "Manrope", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--texte);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.5;
}
#borvo-public *, #borvo-public *::before, #borvo-public *::after { box-sizing: border-box; }
#borvo-public h2, #borvo-public p { margin: 0; }

.bpub-card {
  background: var(--carte);
  border: 1px solid var(--gris);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 34px rgba(43, 43, 43, 0.10);
}

/* En-tete bleu */
.bpub-header {
  background: var(--entete);
  padding: 20px 24px;
  display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
}
.bpub-titre { font-size: 1.3rem; font-weight: 800; color: var(--texte); letter-spacing: -0.4px; display: flex; align-items: center; gap: 8px; }
.bpub-leaf { color: var(--vert); }
.bpub-sous { font-size: 0.98rem; color: #4a4f52; margin-top: 3px; }
.bpub-live { font-size: 0.85rem; color: var(--texte-doux); margin-top: 10px; display: flex; align-items: center; gap: 7px; }
.bpub-live .point { width: 8px; height: 8px; border-radius: 50%; background: var(--vert-ok); box-shadow: 0 0 0 4px rgba(46,139,61,0.16); }
.bpub-meteo-ic-wrap { color: #33404a; flex: 0 0 auto; }
.bviz-meteo-ic { width: 46px; height: 46px; display: block; }

/* Corps */
.bpub-body { padding: 22px 24px 18px; }
.bpub-stats { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 18px; align-items: center; }

.bpub-lbl { font-size: 0.95rem; font-weight: 600; color: var(--texte); display: flex; align-items: center; gap: 7px; }
.bpub-grand { font-size: 3rem; font-weight: 800; color: var(--vert); letter-spacing: -1.5px; line-height: 1; margin: 8px 0 2px; }
.bpub-grand .u { font-size: 1.1rem; font-weight: 600; color: var(--texte-doux); margin-left: 3px; letter-spacing: 0; }
.bpub-cap { font-size: 0.85rem; color: var(--texte-doux); margin-top: 6px; }

.bpub-humid { text-align: center; }
.bpub-humid .bviz-jauge { width: 132px; height: 132px; margin: 0 auto; }
.bpub-humid .bviz-jauge-txt { font-size: 30px; font-weight: 800; fill: #2B2B2B; font-family: "Manrope", sans-serif; }
.bpub-humid .bviz-jauge-sous { font-size: 11px; font-weight: 600; fill: #6b6f72; }
.bpub-humid .bpub-cap { margin-top: 8px; }
.bpub-nd { color: var(--texte-doux); font-weight: 700; padding: 30px 0; }

/* Echelle temperature */
.bpub-temp .bviz-echelle { width: 100%; max-width: 300px; height: 32px; margin-top: 8px; overflow: visible; }
.bpub-temp .bviz-echelle-lbl { font-size: 11px; fill: #6b6f72; font-weight: 600; font-family: "Manrope", sans-serif; }

/* Etat "installation" + pastilles (retablis) */
.bpub-etat {
  display: flex; align-items: center; gap: 9px; margin-top: 18px;
  padding: 10px 14px; border-radius: 12px; background: #f3f5f3;
  font-size: 0.9rem; font-weight: 600;
}
.bpub-etat .rond { width: 11px; height: 11px; border-radius: 50%; flex: 0 0 auto; }
.bpub-etat.ok { color: var(--vert-ok); } .bpub-etat.ok .rond { background: var(--vert-ok); box-shadow: 0 0 0 4px rgba(46,139,61,0.14); }
.bpub-etat.ko { color: #E08600; } .bpub-etat.ko .rond { background: #E08600; box-shadow: 0 0 0 4px rgba(224,134,0,0.14); }
.bpub-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bpub-chip {
  display: inline-flex; align-items: baseline; gap: 5px; font-size: 0.84rem;
  background: #f3f5f3; border: 1px solid var(--gris); border-radius: 999px; padding: 6px 13px;
}
.bpub-chip .k { color: var(--texte-doux); }
.bpub-chip .val { font-weight: 700; }

/* Separateur + phrase + pied */
.bpub-sep { height: 1px; background: var(--gris); margin: 18px 0 16px; }
.bpub-phrase { font-size: 1.15rem; color: var(--texte); line-height: 1.4; font-weight: 500; }
.bpub-pied { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.bpub-maj { font-size: 0.8rem; color: var(--texte-doux); }
.bpub-marque { font-size: 1rem; font-weight: 800; color: var(--vert); letter-spacing: 0.2px; }
.bpub-vide { text-align: center; color: var(--texte-doux); padding: 24px; }

@media (max-width: 460px) {
  .bpub-stats { grid-template-columns: 1fr; }
  .bpub-humid { margin-top: 6px; }
  .bpub-grand { font-size: 2.6rem; }
}

/* Blindage contre le theme WordPress (specificite ID). */
#borvo-public h1, #borvo-public h2, #borvo-public h3, #borvo-public p {
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0;
}
#borvo-public .bpub-titre { font-size: 1.3rem; font-weight: 800; text-transform: none !important; }
#borvo-public .bpub-phrase { font-size: 1.15rem; font-weight: 500; color: var(--texte); line-height: 1.4; }
#borvo-public .bpub-marque { color: var(--vert); }