/* Comparatif steroides / alternatives legales
   Complements a style.css : bandeau des produits interdits, source du tableau. */

.visuel-interdit { display: block; position: relative; }
.visuel-interdit .produit-visuel { display: block; }
.visuel-interdit .bandeau-interdit {
  position: absolute; left: 0; right: 0; bottom: 0;
  background: #7d2b22; color: #fff;
  font-size: .68rem; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; text-align: center;
  padding: .34rem .3rem; line-height: 1.25;
  border-radius: 0 0 var(--radius) var(--radius);
}

.produit.interdit {
  border-color: #c9a49e;
  background: linear-gradient(150deg, rgba(125,43,34,.05) 0%, var(--noir-2) 42%);
}
.produit.interdit .produit-rang { background: #7d2b22; color: #fff; border-color: transparent; }
.produit.interdit .produit-prix { color: #7d2b22; font-size: 1.05rem; }

.tableau-source { font-size: .86rem; color: var(--texte-faible); margin-top: -1rem; }

@media (max-width: 620px) {
  .visuel-interdit { max-width: 220px; margin: 0 auto; }
}

/* ---------- Verdict d'ouverture ---------- */

.verdict {
  background: var(--vert-fond);
  border: 1px solid rgba(30,127,60,.28);
  border-left: 4px solid var(--vert);
  border-radius: var(--radius);
  padding: 1.4rem 1.6rem;
  margin: 2rem 0 2.5rem;
}
.verdict-titre {
  font-family: var(--titre);
  font-size: .78rem;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--vert);
  margin-bottom: .5rem;
}
.verdict p { margin-bottom: 0; color: var(--texte-doux); }

/* ---------- Methodologie repliable ---------- */

.methodo {
  background: var(--noir-2);
  border: 1px solid var(--bordure);
  border-radius: var(--radius);
  margin: 2rem 0;
}
.methodo summary {
  cursor: pointer;
  padding: 1.1rem 1.5rem;
  font-family: var(--titre);
  font-size: .96rem;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--texte);
  list-style: none;
}
.methodo summary::-webkit-details-marker { display: none; }
.methodo summary::before {
  content: "+";
  display: inline-block;
  width: 1.3rem;
  color: var(--orange);
  font-size: 1.2rem;
}
.methodo[open] summary::before { content: "\2212"; }
.methodo summary:hover { color: var(--orange); }
.methodo-corps { padding: 0 1.5rem 1.3rem; }
.methodo-corps p { font-size: .94rem; color: var(--texte-doux); }
.methodo-corps .tableau-zone { margin: 1.2rem 0 1.4rem; }

/* ---------- Tableau des sept produits ---------- */

.tableau-sept { min-width: 940px; font-size: .88rem; }
.tableau-sept td { vertical-align: middle; }
.tab-rang {
  font-size: .7rem;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--texte-faible);
}
.tableau-sept .ligne-phare td { background: rgba(226,21,31,.07); }
.tableau-sept .ligne-phare td:first-child { box-shadow: inset 3px 0 0 var(--orange); }
.tableau-sept .ligne-interdite td { background: rgba(125,43,34,.05); }
.tableau-sept .ligne-interdite td:first-child { box-shadow: inset 3px 0 0 #7d2b22; }

/* ---------- Tableaux testosterone et prix ---------- */

.tableau-testo { min-width: 860px; }
.tableau-prix { min-width: 720px; }
.tab-note {
  display: block;
  font-size: .78rem;
  line-height: 1.45;
  color: var(--texte-faible);
  margin-top: .25rem;
  font-weight: 400;
}
.tableau-testo .ligne-phare td,
.tableau-testo .ligne-interdite td { vertical-align: top; }
.tableau-testo .ligne-phare td:first-child { box-shadow: inset 3px 0 0 var(--orange); }
.tableau-testo .ligne-interdite td { background: rgba(125,43,34,.05); }
.tableau-testo .ligne-interdite td:first-child { box-shadow: inset 3px 0 0 #7d2b22; }
.tableau-prix td { vertical-align: top; }