/* Pages de vente de l'oracle (precommande-oracle.html, commande-oracle.html).
   Chargée après assets/tailwind.css : lisibilité et tableau comparatif. */

/* ── Lisibilité : texte courant à 90 % d'opacité minimum, 16 px sur mobile ── */
.sales-page .text-light-gold\/70,
.sales-page .text-light-gold\/80 { color: rgb(245 231 161 / 0.9); }
.sales-page .text-gold\/70,
.sales-page .text-gold\/80 { color: rgb(212 175 55 / 0.92); }
@media (max-width: 640px) {
  .sales-page #offres p.text-sm,
  .sales-page #offres li,
  .sales-page #faq p,
  .sales-page #contenu p.text-sm,
  .sales-page #contenu figcaption { font-size: 1rem; line-height: 1.6; }
}

/* ── Tableau comparatif des offres ── */
.offer-compare-wrap { margin-top: 3.5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.offer-compare {
  width: 100%;
  min-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.95rem;
  color: #f5e7a1;
  background: rgba(5, 20, 40, 0.75);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 1rem;
  overflow: hidden;
}
.offer-compare caption {
  caption-side: top;
  text-align: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #d4af37;
  padding-bottom: 1rem;
}
.offer-compare th,
.offer-compare td {
  padding: 0.8rem 1rem;
  text-align: center;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}
.offer-compare thead th {
  color: #d4af37;
  font-weight: 700;
  letter-spacing: 0.03em;
  background: rgba(212, 175, 55, 0.08);
}
.offer-compare tbody th { text-align: left; font-weight: 500; color: rgb(245 231 161 / 0.95); }
.offer-compare tr:last-child th,
.offer-compare tr:last-child td { border-bottom: none; }
.offer-compare .yes { color: #d4af37; font-weight: 700; font-size: 1.1rem; }
.offer-compare .no { color: rgb(245 231 161 / 0.35); }
.offer-compare .col-featured { background: rgba(212, 175, 55, 0.07); }
.offer-compare .price { font-weight: 700; color: #d4af37; font-size: 1.05rem; }
.offer-compare .price small { display: block; font-weight: 400; font-size: 0.75rem; color: rgb(245 231 161 / 0.85); }