/* Styles spécifiques au formulaire de demande presse — page autonome et modal AJAX */

/* Ligne identité : Civilité (étroit) + Prénom + Nom — 3 cellules sur 1 ligne */
.contact-row.dp-row-identite {
  grid-template-columns: 150px 1fr 1fr;
}

@media (max-width: 540px) {
  .contact-row.dp-row-identite {
    grid-template-columns: 1fr;
  }
}

/* Case « pas titulaire d'une carte de presse » : checkbox + label sur la même ligne */
.dp-etudiant {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.dp-etudiant input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 0;
}

.dp-etudiant label {
  flex: 1;
  margin: 0;
}

/* Dans la modal (publication_etape_4 / visualiser_ma_sdp) : formulaire pleine largeur */
[data-dp-content] {
  padding-right: 8px; /* évite que la scrollbar masque le bord droit des champs */
}

[data-dp-content] .content-centered,
[data-dp-content] .contact-page {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

[data-dp-content] .contact-title {
  display: block;
  font-size: 32px;
  margin: 0 0 18px;
}

.dp-page .contact-title {
  color: var(--publi-title-color, var(--ink, #0A0A0A));
}

.dp-page .field-row .dt-pack {
  align-self: flex-start;
  width: auto;
}

.dp-page .contact-section-title {
  color: var(--publi-title-color, var(--ink, #0A0A0A));
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  border-bottom-color: var(--publi-title-color, #E5E2DA);
}

[data-dp-modal] .publication-registration-modal-content > .publication-registration-modal-title {
  display: none;
}

[data-dp-content] .contact-oblig {
  margin: 0 0 24px;
}

[data-dp-content] .contact-form {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* La modal est suffisamment large (920px / 95vw) → grid 2 colonnes conservé */
[data-dp-content] .contact-row.dp-row-identite {
  grid-template-columns: 150px 1fr 1fr;
}

@media (max-width: 540px) {
  [data-dp-content] .contact-row.dp-row-identite {
    grid-template-columns: 1fr;
  }

  [data-dp-content] .contact-row {
    grid-template-columns: 1fr;
  }
}