/* ------------------------------------------------------------------
   Composants du moteur d annonces.
   Prolonge le systeme de design de style.css : memes jetons, meme rythme.
   ------------------------------------------------------------------ */

/* --- boutons et champs communs --- */
.lba-btn {
  display: inline-block;
  border: 1.5px solid var(--accent);
  color: var(--accent-txt);
  font-family: var(--display);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 11px 22px;
  border-radius: 999px;
  text-decoration: none;
  cursor: pointer;
  background: none;
  transition: background .16s, color .16s;
}
.lba-btn:hover { background: var(--accent); color: #fff; }
.lba-btn--plein { background: var(--accent); color: #fff; }
.lba-btn--plein:hover { background: var(--accent-txt); }

.lba-champ { display: grid; gap: 5px; align-content: start; min-width: 0; margin: 0 0 16px; }
.lba-champ label { font-family: var(--texte); font-size: 14px; font-weight: 600; }
.lba-champ input,
.lba-champ select,
.lba-champ textarea {
  min-width: 0;
  width: 100%;
  border: 1px solid var(--trait);
  border-radius: 4px;
  padding: 11px 13px;
  font-family: var(--texte);
  font-size: 15px;
  background: #fff;
  color: var(--encre);
}
.lba-champ input:focus,
.lba-champ select:focus,
.lba-champ textarea:focus { outline: 2px solid var(--accent); outline-offset: -2px; }
.lba-aide { font-size: 12.5px; color: var(--gris-clair); line-height: 1.5; }
.lba-grille2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.lba-case { margin: 0 0 12px; font-size: 14.5px; line-height: 1.55; }
.lba-case input { margin-right: 8px; }
.lba-mention { font-size: 12.5px; color: var(--gris-clair); line-height: 1.55; }

/* Le pot de miel doit etre invisible a l oeil mais present pour les robots :
   display:none serait ignore par les plus serieux. */
.lba-pot-de-miel {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px; overflow: hidden;
}

.lba-succes,
.lba-erreur {
  padding: 15px 18px;
  border-radius: 5px;
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.55;
}
.lba-succes { background: #E7F5EC; border-left: 4px solid #1B7F4B; }
.lba-erreur { background: #FDECEE; border-left: 4px solid var(--accent); }

/* --- formulaire de depot --- */
.lba-depot { max-width: 760px; }
.lba-depot fieldset {
  min-width: 0;
  border: 1px solid var(--trait);
  border-radius: 6px;
  padding: 22px 24px 8px;
  margin: 0 0 26px;
}
.lba-depot legend {
  font-family: var(--display);
  font-size: 17px;
  font-weight: 600;
  padding: 0 10px;
}

/* --- liste d annonces --- */
.lba-liste-tete { margin: 26px 0 22px; }
.lba-liste-tete h1 {
  font-family: var(--display);
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.015em;
  margin: 0 0 6px;
}
.lba-liste-suffixe { color: var(--gris-clair); font-weight: 500; }
.lba-liste-sous { margin: 0 0 18px; color: var(--gris); font-size: 15.5px; max-width: 62ch; }

.lba-rubrique-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: baseline;
  background: #EEF1F4;
  border-left: 4px solid var(--accent);
  padding: 14px 18px;
  border-radius: 0 5px 5px 0;
  margin: 0 0 26px;
  font-size: 14.5px;
}
.lba-rubrique-legal strong { font-family: var(--display); font-size: 15.5px; }
.lba-rubrique-legal em { color: var(--gris); font-style: italic; flex-basis: 100%; }

.lba-grille-annonces {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

.lba-carte {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #DDE2E8;
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .18s, transform .18s;
}
.lba-carte:hover { box-shadow: 0 10px 26px rgba(18,22,29,.14); transform: translateY(-3px); }
.lba-carte--vendu { opacity: .72; }

.lba-carte-img {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  background: #F0F2F5;
  overflow: hidden;
}
.lba-carte-img img { width: 100%; height: 100%; object-fit: cover; }

.lba-badge-vendu,
.lba-badge-cat {
  position: absolute;
  top: 9px; left: 9px;
  font-family: var(--texte);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 3px;
  color: #fff;
}
.lba-badge-vendu { background: var(--encre); }
.lba-badge-cat { background: var(--accent); }

.lba-carte-corps { display: flex; flex-direction: column; gap: 8px; padding: 13px 15px 15px; flex: 1; }
.lba-carte-titre { font-family: var(--display); font-size: 15px; font-weight: 600; line-height: 1.32; }
.lba-carte-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: auto; }
.lba-carte-prix { font-family: var(--display); font-size: 17px; font-weight: 600; color: var(--accent-txt); }
.lba-carte-lieu { font-size: 12.5px; color: var(--gris-clair); }

.lba-vide {
  text-align: center;
  padding: 46px 20px;
  background: #EEF1F4;
  border-radius: 6px;
  margin: 0 0 26px;
}
.lba-vide h2 { font-family: var(--display); font-size: 22px; margin: 0 0 8px; }
.lba-vide p { margin: 0 auto; max-width: 56ch; color: var(--gris); line-height: 1.6; }
.lba-vide-ligne { color: var(--gris-clair); font-style: italic; }

.lba-soeurs { margin: 40px 0 0; }
.lba-soeurs h2 { font-family: var(--display); font-size: 19px; margin: 0 0 12px; }
.lba-soeurs ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.lba-soeurs a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--trait);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13.5px;
  text-decoration: none;
  color: var(--encre);
}
.lba-soeurs a:hover { border-color: var(--accent); color: var(--accent-txt); }
.lba-soeurs .lba-n { color: var(--gris-clair); font-size: 12px; }

/* --- fiche annonce --- */
.lba-fil { font-size: 13px; color: var(--gris-clair); margin: 22px 0 14px; }
.lba-fil a { color: var(--gris); text-decoration: none; }
.lba-fil a:hover { color: var(--accent-txt); }
.lba-fil span { margin: 0 6px; }

.lba-bandeau-clos {
  background: var(--encre);
  color: #fff;
  padding: 13px 18px;
  border-radius: 5px;
  font-family: var(--display);
  font-size: 15px;
  margin: 0 0 22px;
}

.lba-annonce-corps { display: grid; grid-template-columns: 1.6fr 1fr; gap: 34px; align-items: start; }
.lba-annonce-principal h1 {
  font-family: var(--display);
  font-size: 33px;
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -.015em;
  margin: 0 0 10px;
}
.lba-annonce-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13.5px; color: var(--gris-clair); margin: 0 0 20px; }
.lba-annonce-photo { margin: 0 0 22px; }
.lba-annonce-photo img { width: 100%; border-radius: 6px; }
.lba-annonce-texte { font-size: 16px; line-height: 1.7; color: var(--encre); }

.lba-prix-bloc { border: 1px solid var(--trait); border-radius: 6px; padding: 20px; margin: 0 0 22px; }
.lba-prix { font-family: var(--display); font-size: 34px; font-weight: 600; color: var(--accent-txt); margin: 0 0 4px; }
.lba-prix-baisse { font-size: 13px; color: var(--gris-clair); text-decoration: line-through; margin: 0 0 14px; }
.lba-marquer-vendu { margin: 14px 0 0; font-size: 13px; }
.lba-marquer-vendu a { color: var(--gris-clair); }

/* --- encadre legal --- */
.lba-legal {
  border-radius: 6px;
  padding: 22px 24px;
  margin: 30px 0 0;
  background: #EEF1F4;
  border-left: 5px solid var(--gris-clair);
}
.lba-legal--stricte { border-left-color: var(--accent); background: #FDECEE; }
.lba-legal--encadree { border-left-color: #B45309; background: #FEF6E7; }
.lba-legal--libre { border-left-color: #1B7F4B; background: #E7F5EC; }
.lba-legal-titre { font-family: var(--display); font-size: 19px; font-weight: 600; margin: 0 0 12px; }
.lba-legal-resume { display: block; font-family: var(--texte); font-size: 14.5px; font-weight: 400; color: var(--gris); margin-top: 3px; }
.lba-legal h3 { font-family: var(--display); font-size: 15px; margin: 16px 0 8px; }
.lba-legal-pieces { margin: 0 0 12px; padding-left: 20px; font-size: 14.5px; line-height: 1.6; }
.lba-legal-note { font-size: 14.5px; line-height: 1.6; color: var(--gris); margin: 0 0 14px; }
.lba-legal-avert { font-size: 12.5px; color: var(--gris-clair); font-style: italic; margin: 14px 0 0; }

/* --- cote --- */
.lba-cote { border: 1px solid var(--trait); border-radius: 6px; padding: 20px; margin: 0 0 22px; }
.lba-cote h2 { font-family: var(--display); font-size: 16px; margin: 0 0 8px; }
.lba-cote-chiffre { font-family: var(--display); font-size: 30px; font-weight: 600; margin: 0; }
.lba-cote-plage { font-size: 13.5px; color: var(--gris); margin: 2px 0 10px; }
.lba-cote-base { font-size: 12.5px; color: var(--gris-clair); line-height: 1.55; margin: 0 0 8px; }
.lba-cote-avert { font-size: 12px; color: var(--gris-clair); font-style: italic; line-height: 1.5; margin: 0; }

.lba-cote-tete {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
  align-items: center;
  background: var(--encre);
  color: #fff;
  border-radius: 6px;
  padding: 26px 30px;
  margin: 0 0 16px;
}
.lba-cote-valeur { display: block; font-family: var(--display); font-size: 44px; font-weight: 600; line-height: 1; }
.lba-cote-libelle { font-size: 13px; color: #94a3b8; letter-spacing: .04em; text-transform: uppercase; }
.lba-cote-faits { display: flex; flex-wrap: wrap; gap: 24px 34px; list-style: none; margin: 0; padding: 0; }
.lba-cote-faits strong { display: block; font-family: var(--display); font-size: 19px; }
.lba-cote-faits span { font-size: 12.5px; color: #94a3b8; }
.lba-cote-methode { font-size: 13px; color: var(--gris); line-height: 1.6; max-width: 78ch; margin: 0 0 34px; }

.lba-modele h1 { font-family: var(--display); font-size: 34px; font-weight: 600; margin: 26px 0 20px; letter-spacing: -.015em; }
.lba-modele-annonces { margin: 34px 0; }
.lba-modele-annonces h2,
.lba-similaires h2 { font-family: var(--display); font-size: 22px; margin: 0 0 16px; }
.lba-similaires { margin: 46px 0 0; }

/* --- contact et alertes --- */
.lba-contact h2 { font-family: var(--display); font-size: 17px; margin: 0 0 12px; }
.lba-contact-clos { font-size: 14px; color: var(--gris-clair); font-style: italic; }

.lba-alerte {
  background: #EEF1F4;
  border-radius: 6px;
  padding: 24px 26px;
  margin: 34px 0;
}
.lba-alerte h2 { font-family: var(--display); font-size: 19px; margin: 0 0 5px; }
.lba-alerte-sous { font-size: 14px; color: var(--gris); margin: 0 0 16px; }
.lba-alerte-ligne { display: flex; flex-wrap: wrap; gap: 10px; }
.lba-alerte-ligne input {
  flex: 1 1 170px;
  min-width: 0;
  border: 1px solid var(--trait);
  border-radius: 999px;
  padding: 11px 18px;
  font-family: var(--texte);
  font-size: 14.5px;
  background: #fff;
}
.lba-alerte-ligne button { flex: 0 0 auto; }

/* --- calculateurs --- */
.lba-outil {
  border: 1px solid var(--trait);
  border-radius: 6px;
  padding: 24px 26px;
  margin: 26px 0;
  background: #fff;
}
.lba-outil-grille {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px 20px;
}
.lba-outil label { display: grid; gap: 5px; font-size: 13.5px; font-weight: 600; min-width: 0; }
.lba-outil input,
.lba-outil select {
  min-width: 0;
  border: 1px solid var(--trait);
  border-radius: 4px;
  padding: 9px 11px;
  font-family: var(--texte);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}
.lba-unite { display: flex; gap: 6px; }
.lba-unite input { flex: 1 1 auto; }
.lba-unite select { flex: 0 0 auto; }

.lba-outil-sortie {
  margin: 22px 0 0;
  padding: 20px 22px;
  background: var(--encre);
  color: #fff;
  border-radius: 5px;
}
.lba-resultat { font-family: var(--display); font-size: 30px; font-weight: 600; margin: 0; font-variant-numeric: tabular-nums; }
.lba-resultat em { font-family: var(--texte); font-size: 14px; font-style: normal; font-weight: 400; color: #94a3b8; }
.lba-resultat--second { font-size: 22px; margin-top: 14px; }
.lba-detail { font-size: 13.5px; color: #cbd5e1; line-height: 1.6; margin: 10px 0 0; }
.lba-outil-note { font-size: 12.5px; color: var(--gris-clair); line-height: 1.55; margin: 14px 0 0; }

.lba-outil-table { width: 100%; border-collapse: collapse; }
.lba-outil-table th {
  text-align: left;
  font-family: var(--texte);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gris-clair);
  padding: 0 10px 8px 0;
}
.lba-outil-table td { padding: 5px 10px 5px 0; }
.lba-outil-table input { width: 100%; }
.lba-cellule-res { font-family: var(--display); font-size: 17px; font-weight: 600; color: var(--accent-txt); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* --- responsive --- */
@media (max-width: 1000px) {
  .lba-grille-annonces { grid-template-columns: repeat(3, 1fr); }
  .lba-annonce-corps { grid-template-columns: 1fr; gap: 26px; }
  .lba-cote-tete { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 720px) {
  .lba-grille-annonces { grid-template-columns: repeat(2, 1fr); }
  .lba-grille2 { grid-template-columns: 1fr; }
  .lba-liste-tete h1 { font-size: 28px; }
  .lba-annonce-principal h1 { font-size: 26px; }
  .lba-outil-table { display: block; overflow-x: auto; }
}
@media (max-width: 460px) {
  .lba-grille-annonces { grid-template-columns: 1fr; }
  .lba-alerte-ligne input { flex-basis: 100%; }
}

/* --- pages editoriales et guides --- */
.lba-page { max-width: 780px; margin: 0 auto; padding: 26px 0 54px; }
.lba-page-tete h1 {
  font-family: var(--display);
  font-size: 38px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0 0 22px;
}
.lba-page-corps { font-size: 16.5px; line-height: 1.72; color: var(--encre); }
.lba-page-corps > p,
.lba-page-corps > ul,
.lba-page-corps > ol,
.lba-page-corps > table,
.lba-page-corps > blockquote { margin: 0 0 20px; }
.lba-page-corps h2 {
  font-family: var(--display);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -.01em;
  margin: 38px 0 12px;
  text-wrap: balance;
}
.lba-page-corps h3 {
  font-family: var(--display);
  font-size: 19px;
  font-weight: 600;
  margin: 28px 0 8px;
}
.lba-page-corps ul,
.lba-page-corps ol { padding-left: 22px; }
.lba-page-corps li { margin: 0 0 8px; }
.lba-page-corps a { color: var(--accent-txt); text-decoration: underline; text-underline-offset: 2px; }
.lba-page-corps .lba-chapo {
  font-size: 18.5px;
  line-height: 1.62;
  color: var(--gris);
  border-left: 3px solid var(--accent);
  padding-left: 18px;
  margin: 0 0 30px;
}
.lba-page-corps blockquote {
  border-left: 3px solid var(--trait);
  padding-left: 18px;
  color: var(--gris);
  font-style: italic;
}

/* Les tableaux debordent sur mobile : ils defilent dans leur propre cadre,
   jamais la page entiere. */
.lba-page-corps table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  display: block;
  overflow-x: auto;
}
.lba-page-corps th,
.lba-page-corps td {
  text-align: left;
  vertical-align: top;
  padding: 10px 14px 10px 0;
  border-bottom: 1px solid var(--trait);
}
.lba-page-corps th {
  font-family: var(--texte);
  font-size: 12.5px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--gris-clair);
  font-weight: 700;
}

/* Les calculateurs sortent de la mesure de lecture : ils ont besoin de place. */
.lba-page-corps .lba-outil { max-width: none; }

@media (max-width: 720px) {
  .lba-page-tete h1 { font-size: 29px; }
  .lba-page-corps { font-size: 16px; }
  .lba-page-corps h2 { font-size: 22px; }
}

/* La navigation d en-tete sort des <li> sans <ul> parent : sans cette regle,
   le navigateur affiche ses puces par defaut. */
.site-entete nav li { list-style: none; }
.site-entete nav ul { display: contents; margin: 0; padding: 0; }

/* --- hub des guides --- */
.lba-guides { display: grid; gap: 2px; margin: 26px 0; }
.lba-guide-lien {
  display: grid;
  gap: 5px;
  padding: 20px 22px;
  border: 1px solid var(--trait);
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  transition: border-color .16s, box-shadow .16s;
}
.lba-guide-lien:hover { border-color: var(--accent); box-shadow: 0 6px 18px rgba(18,22,29,.08); }
.lba-guide-titre { font-family: var(--display); font-size: 19px; font-weight: 600; line-height: 1.3; }
.lba-guide-extrait { font-size: 14.5px; line-height: 1.6; color: var(--gris); }

/* --- calendriers de chasse --- */
.lba-chasse-table { width: 100%; border-collapse: collapse; margin: 26px 0 16px; font-size: 15px; }
.lba-chasse-table th {
  text-align: left;
  font-family: var(--texte);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gris-clair);
  padding: 0 14px 9px 0;
  border-bottom: 2px solid var(--encre);
}
.lba-chasse-table td {
  padding: 11px 14px 11px 0;
  border-bottom: 1px solid var(--trait);
  vertical-align: top;
  font-variant-numeric: tabular-nums;
}
.lba-chasse-precision { display: block; font-size: 13px; color: var(--gris-clair); margin-top: 2px; }
.lba-chasse-source { font-size: 13.5px; color: var(--gris); line-height: 1.6; margin: 0 0 10px; }
.lba-chasse-source a { color: var(--accent-txt); }
.lba-chasse-avert {
  font-size: 13px;
  color: var(--gris);
  line-height: 1.6;
  background: #FEF6E7;
  border-left: 4px solid #B45309;
  padding: 12px 16px;
  border-radius: 0 5px 5px 0;
  margin: 0;
}

.bp-releve { font-size: 12px; color: var(--gris-clair); margin: 0 0 4px; }

/* Prix annonce par l enseigne : rapporte sobrement, jamais mis en scene comme
   une remise, faute de pouvoir verifier qu il a ete pratique. */
.bp-reference { flex-basis: 100%; font-size: 12px; color: var(--gris-clair); line-height: 1.45; }

/* Offre sans visuel : le cadre porte le nom de l enseigne au lieu de rester
   vide, ce qui se lit comme un defaut d affichage. */
.bp-img--vide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EEF1F4;
}
.bp-img-repli {
  font-family: var(--display);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gris-clair);
  text-align: center;
  padding: 0 14px;
}

/* --- barre de filtres --- */
.lba-filtres {
  background: #EEF1F4;
  border-radius: 6px;
  padding: 16px 20px;
  margin: 0 0 26px;
}
.lba-filtres-ligne { display: flex; flex-wrap: wrap; gap: 16px 22px; align-items: flex-end; }
.lba-filtre { display: grid; gap: 5px; min-width: 0; flex: 1 1 200px; }
.lba-filtre > span {
  font-family: var(--texte);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gris-clair);
}
.lba-filtre select {
  min-width: 0;
  width: 100%;
  border: 1px solid var(--trait);
  border-radius: 4px;
  padding: 10px 12px;
  font-family: var(--texte);
  font-size: 14.5px;
  background: #fff;
  color: var(--encre);
  cursor: pointer;
}
.lba-filtre select:focus { outline: 2px solid var(--accent); outline-offset: -2px; }
.lba-filtres-actifs { margin: 14px 0 0; font-size: 13px; }
.lba-filtres-actifs a { color: var(--accent-txt); }

/* --- enrichissements de la carte d offre --- */
.bp-rubrique {
  font-family: var(--texte);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gris-clair);
}
.bp-badge-bas {
  position: absolute;
  top: 9px; left: 9px;
  background: #1B7F4B;
  color: #fff;
  font-family: var(--texte);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 3px;
}
.bp-img { position: relative; }

/* Le signal « au plus bas » vient de notre propre historique : c est le seul
   argument de prix que le site produise lui-meme, il merite d etre lisible. */
.bp-signal {
  font-size: 12.5px;
  line-height: 1.45;
  color: #1B7F4B;
  font-weight: 600;
  margin: 0 0 4px;
}

/* ------------------------------------------------------------------
   VOTES SUR LA CARTE D OFFRE
   Bande de pied, hors du lien sortant. Elle porte les deux pouces et
   leurs compteurs ; le compteur est en chiffres tabulaires pour que la
   bande ne bouge pas quand un nombre passe de 9 a 10.
   ------------------------------------------------------------------ */

.av-barre {
  display: flex;
  gap: 8px;
  padding: 0 16px 14px;
  margin-top: -4px;
}
.av-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid var(--trait);
  border-radius: 999px;
  color: var(--gris);
  font-family: var(--texte);
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: border-color .14s, color .14s, background .14s;
}
.av-btn svg { width: 16px; height: 16px; flex: none; }
.av-btn:hover { border-color: var(--accent); color: var(--accent-txt); }
.av-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Vote retenu. Le pouce en haut prend le rouge de la maison, le pouce en
   bas reste gris : un vote negatif se constate, il ne se celebre pas. */
.av-btn--actif[data-avis="plus"] {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.av-btn--actif[data-avis="moins"] {
  background: var(--encre);
  border-color: var(--encre);
  color: #fff;
}

.av-barre--envoi { opacity: .55; pointer-events: none; }
.av-barre--refus .av-btn { border-color: #B45309; color: #B45309; }

@media (max-width: 560px) {
  .av-btn { min-height: 40px; }
}