/* ============================================
   CANDIDATS PAGE — Styles spécifiques
   ============================================ */

/* Centrage section postuler */
#postuler .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#postuler .contact-intro {
  text-align: center;
  max-width: 600px;
  width: 100%;
}

#postuler .contact-intro .section-tag {
  justify-content: center;
}

#postuler .msf-wrap {
  width: 100%;
  max-width: 720px;
}

/* Section offres en dark */
.offres-dark-section {
  background: var(--dark);
  border-top: none;
}

.offres-dark-section .section-tag--light {
  background: rgba(192,255,165,0.12);
  color: var(--mint);
  border-color: rgba(192,255,165,0.2);
}

.offres-dark-section .section-tag--light .section-tag-dot {
  background: var(--mint);
}

.section-title--light {
  color: var(--white);
}

.section-desc--light {
  color: rgba(255,255,255,0.55);
}

/* Upload CV */
.form-hint {
  font-weight: 400;
  color: var(--gray-4);
  font-size: 12px;
  margin-left: 6px;
}

.file-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--gray-2);
  border-radius: var(--radius-md);
  padding: 28px 20px;
  cursor: pointer;
  transition: border-color var(--transition), background var(--transition);
  background: var(--gray-1);
}

.file-drop:hover,
.file-drop.drag-over {
  border-color: var(--dark);
  background: rgba(192,255,165,0.06);
}

.file-drop-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: none;
}

.file-drop-inner svg {
  width: 28px;
  height: 28px;
  color: var(--gray-3);
  margin-bottom: 4px;
}

.file-drop-text {
  font-size: 14px;
  color: var(--dark);
  font-weight: 500;
}

.file-drop-text u {
  text-underline-offset: 2px;
}

.file-drop-hint {
  font-size: 12px;
  color: var(--gray-4);
}

.file-drop.file-selected {
  border-color: var(--dark);
  background: rgba(192,255,165,0.08);
}

.file-drop.file-selected .file-drop-inner svg {
  color: var(--dark);
}

.file-error {
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}

/* Btn mint pour section dark */
.btn-mint {
  background: var(--mint);
  color: var(--dark);
  border: none;
  font-weight: 700;
}

.btn-mint:hover {
  background: var(--mint-dark);
}

/* Offre cards adaptées au fond dark */
.offres-dark-section .offre-card {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.1);
  color: var(--white);
}

.offres-dark-section .offre-card:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(192,255,165,0.3);
}

.offres-dark-section .offre-titre {
  color: var(--white);
}

.offres-dark-section .offre-meta-item,
.offres-dark-section .offre-date {
  color: rgba(255,255,255,0.5);
}

.offres-dark-section .offre-tag--secteur {
  background: rgba(192,255,165,0.12);
  color: var(--mint);
  border-color: rgba(192,255,165,0.2);
}

.offres-dark-section .offre-apply {
  color: var(--mint);
}