/* ==========================================================================
   PCR Énergie — CONTACT (template page-contact.php)
   Fichier : assets/css/page-contact.css
   Dépend : variables.css + main.css + page.css (si tu l'utilises)
   ========================================================================== */

.pcr-contact .pcr-breadcrumb{
  margin: 0 0 var(--pcr-space-3);
}

.pcr-contact .pcr-breadcrumb__inner{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-size: var(--pcr-text-sm);
  color: color-mix(in srgb, var(--pcr-color-text) 70%, transparent);
}

.pcr-contactNotice{
  padding: var(--pcr-space-4);
  border-radius: var(--pcr-radius-md);
  border: var(--pcr-border);
  margin: 0 0 var(--pcr-space-6);
}
.pcr-contactNotice--ok{
  background: color-mix(in srgb, var(--pcr-color-success) 12%, var(--pcr-color-surface));
  border-color: color-mix(in srgb, var(--pcr-color-success) 28%, var(--pcr-color-border));
}
.pcr-contactNotice--ko{
  background: color-mix(in srgb, var(--pcr-color-danger) 10%, var(--pcr-color-surface));
  border-color: color-mix(in srgb, var(--pcr-color-danger) 28%, var(--pcr-color-border));
}

.pcr-contactGrid{
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: var(--pcr-space-6);
  align-items: start;
  margin-bottom: var(--pcr-space-7);
}

.pcr-contactCard__title{
  margin: 0 0 var(--pcr-space-4);
  font-size: var(--pcr-text-xl);
}

.pcr-contactLine{
  margin: 0 0 var(--pcr-space-4);
}

.pcr-contactBlock{
  margin: 0 0 var(--pcr-space-4);
}

.pcr-contactLabel{
  font-size: var(--pcr-text-sm);
  color: var(--pcr-color-muted);
  margin-bottom: 6px;
}

.pcr-contactValue{
  color: var(--pcr-color-text);
}

.pcr-contactMuted{
  color: var(--pcr-color-muted);
}

.pcr-contactHr{
  border: 0;
  border-top: 1px solid var(--pcr-color-divider);
  margin: var(--pcr-space-5) 0;
}

.pcr-contactLegal{
  display: grid;
  gap: 6px;
  font-size: var(--pcr-text-sm);
  color: color-mix(in srgb, var(--pcr-color-text) 82%, transparent);
}

.pcr-contactMentions{
  font-size: var(--pcr-text-sm);
  color: color-mix(in srgb, var(--pcr-color-text) 84%, transparent);
}

.pcr-contactForm{
  display: grid;
  gap: var(--pcr-space-4);
}

.pcr-contactRow{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pcr-space-4);
}

.pcr-contactField{
  display: grid;
  gap: 8px;
}

.pcr-contactField__label{
  font-size: var(--pcr-text-sm);
  color: var(--pcr-color-muted);
}

.pcr-contactActions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pcr-space-4);
  margin-top: var(--pcr-space-2);
}

.pcr-contactNote{
  margin: 0;
  font-size: var(--pcr-text-sm);
  color: var(--pcr-color-muted);
}

/* Honeypot caché (anti-spam) */
.pcr-contactHp{
  position: absolute;
  left: -99999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Responsive */
@media (max-width: 1024px){
  .pcr-contactGrid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .pcr-contactRow{
    grid-template-columns: 1fr;
  }
}