/* =========================
   CrocoClick Comparison – Custom CSS
   (Complète Tailwind)
========================= */

.progress-bar {
  height: 4px;
  background: linear-gradient(90deg, #10b981, #34d399);
  width: 0%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  transition: width 0.1s;
}

.bg-grid {
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, transparent, 5%, white, 95%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

/* Tables de comparaison */
.comparison-row:nth-child(even) {
  background-color: #f8fafc;
}

.check-icon {
  color: #10b981;
  font-size: 1.1rem;
}

.cross-icon {
  color: #ef4444;
  font-size: 1.1rem;
  opacity: 0.5;
}

.partial-icon {
  color: #f59e0b;
  font-size: 1.1rem;
}

/* Accordion */
.hidden-row {
  display: none;
}

.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* (Optionnel) Meilleur ressenti sur le bouton */
.cc-table-toggle-btn {
  user-select: none;
}

/* === CC PATCH: decision-guide spacing === */
#decision-guide {
    padding-left: 1rem; /* augmente l’espace entre la barre et le contenu */
}