/* =============================================
   cv.css — Styles du rendu CV généré
   ============================================= */

/* ── Conteneur principal du CV ── */
.cv-container {
  background: #fff;
  color: #1a1a2e;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
  margin-top: 32px;
  display: none; /* masqué par défaut, affiché après génération */
}

.cv-container.visible {
  display: block;
}

/* ── En-tête du CV ── */
.cv-header {
  background: #e94560;
  color: #fff;
  padding: 32px;
}

.cv-header h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.cv-header .cv-titre {
  font-size: 1rem;
  opacity: 0.9;
  margin-bottom: 12px;
}

.cv-header .cv-contacts {
  font-size: 0.85rem;
  opacity: 0.85;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

/* ── Corps du CV ── */
.cv-body {
  padding: 28px 32px;
}

.cv-section {
  margin-bottom: 28px;
}

.cv-section h3 {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #e94560;
  border-bottom: 2px solid #e94560;
  padding-bottom: 6px;
  margin-bottom: 14px;
}

/* ── Barres de compétences ── */
.skill-bar-container {
  margin-bottom: 10px;
}

.skill-name {
  font-size: 0.9rem;
  margin-bottom: 4px;
  color: #333;
}

.skill-bar {
  height: 6px;
  background: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}

.skill-level {
  height: 100%;
  background: #e94560;
  border-radius: 3px;
  transition: width 0.4s ease;
}