/* ═══════════════════════════════════════════════════════
   IMMOTEP — Page Contact
   Fichier : immotep-contact.css
   Chargé sur : is_page('contact')
   Palette : #0D1B2A · #0F316D · #C9A96E · Montserrat
═══════════════════════════════════════════════════════ */

body.page-contact {
  --cnt-navy:      #0D1B2A;
  --cnt-gold:      #C9A96E;
  --cnt-white:     #ffffff;
  --cnt-ink-low:   rgba(255, 255, 255, 0.55);
  --cnt-ink-faint: rgba(255, 255, 255, 0.28);
}

/* ── Astra full-width fix ───────────────────────────── */
body.page-contact #content,
body.page-contact #primary,
body.page-contact #main,
body.page-contact .ast-article-single,
body.page-contact .entry-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
body.page-contact #content .ast-container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* ═══════════════════════════════════════════════════════
   HERO — forcer BLANC sur tout le contenu hero
═══════════════════════════════════════════════════════ */

/* Pill "Contact" → trait doré Immotep */
.uagb-block-f7b75c50 {
  background: transparent !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 0 16px !important;
  border-left: 2px solid #C9A96E !important;
}

.uagb-block-f7b75c50 *,
.uagb-block-f7b75c50 .uagb-heading-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
  background: transparent !important;
}

/* Hero titre h1 — forcer blanc, UAGB utilise des styles inline */
body.page-contact .uagb-block-bf9c0f05 .uagb-heading-text,
body.page-contact .uagb-block-bf9c0f05 h1,
body.page-contact .uagb-block-bf9c0f05 h2,
body.page-contact .uagb-block-bf9c0f05 .uagb-heading-text *,
body.page-contact .uagb-block-bf9c0f05 h1 *,
body.page-contact .uagb-block-bf9c0f05 h2 * {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

body.page-contact .uagb-block-bf9c0f05 .uagb-sub-heading-text,
body.page-contact .uagb-block-bf9c0f05 p,
body.page-contact .uagb-block-bf9c0f05 .uagb-sub-heading-text * {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  color: rgba(255, 255, 255, 0.60) !important;
}

/* ═══════════════════════════════════════════════════════
   SECTION CONTENU — forcer fond SOMBRE
   uagb-block-cacb9c7b = la row avec le formulaire
═══════════════════════════════════════════════════════ */

body.page-contact .uagb-block-cacb9c7b {
  background-color: #111827 !important;
  background: #111827 !important;
}

/* ═══════════════════════════════════════════════════════
   COL GAUCHE
   uagb-block-27ca6c40 (eyebrow)
   uagb-block-1d2e6ada (infobox titre + desc)
═══════════════════════════════════════════════════════ */

body.page-contact .uagb-block-27ca6c40 .uagb-heading-text,
body.page-contact .uagb-block-27ca6c40 .uagb-heading-text *,
body.page-contact .uagb-block-27ca6c40 strong {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
  line-height: 1 !important;
}

body.page-contact .uagb-block-1d2e6ada .uagb-ifb-title,
body.page-contact .uagb-block-1d2e6ada .uagb-ifb-title *,
body.page-contact .uagb-block-1d2e6ada h2 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

body.page-contact .uagb-block-1d2e6ada .uagb-ifb-desc,
body.page-contact .uagb-block-1d2e6ada .uagb-ifb-desc * {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* ── Col droite — Conteneur formulaire sans border-radius ── */
body.page-contact .uagb-block-c2bb3c7e,
body.page-contact .uagb-block-c2bb3c7e.wp-block-uagb-container {
  border-radius: 0 !important;
}
body.page-contact .uagb-block-c2bb3c7e > .wp-block-uagb-container__inner-blocks {
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════
   SRFM — Variables CSS + overrides directs
   Note: le <style> inline de SRFM charge après notre CSS,
   donc on cible avec specificity haute ET !important direct
═══════════════════════════════════════════════════════ */

/* Override variables avec specificity > .srfm-form-container-334-ea0237b0 */
body.page-contact .srfm-form-container-334-ea0237b0,
body.page-contact .srfm-form-container-334,
body.page-contact .srfm-form-container {
  --srfm-bg-color:                       transparent;
  --srfm-color-scheme-primary:           #C9A96E;
  --srfm-color-scheme-text-on-primary:   #0D1B2A;
  --srfm-color-input-label:              rgba(255, 255, 255, 0.55);
  --srfm-color-input-description:        rgba(255, 255, 255, 0.40);
  --srfm-color-input-placeholder:        rgba(255, 255, 255, 0.28);
  --srfm-color-input-text:               #ffffff;
  --srfm-color-input-prefix:             rgba(255, 255, 255, 0.50);
  --srfm-color-input-background:         rgba(255, 255, 255, 0.06);
  --srfm-color-input-background-hover:   rgba(255, 255, 255, 0.10);
  --srfm-color-input-border:             rgba(255, 255, 255, 0.18);
  --srfm-color-input-border-hover:       rgba(201, 169, 110, 0.70);
  --srfm-color-input-border-focus-glow:  rgba(201, 169, 110, 0.12);
  --srfm-color-input-selected:           rgba(201, 169, 110, 0.10);
  --srfm-btn-color-hover:                #b8924a;
  --srfm-instant-form-border-radius-top:    0px;
  --srfm-instant-form-border-radius-right:  0px;
  --srfm-instant-form-border-radius-bottom: 0px;
  --srfm-instant-form-border-radius-left:   0px;
  background: transparent !important;
  border-radius: 0 !important;
}

/* ── Labels ─────────────────────────────────────────── */
body.page-contact .srfm-block-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.55) !important;
  margin-bottom: 8px !important;
}

body.page-contact .srfm-block-label .srfm-required {
  color: #C9A96E !important;
}

/* ── Inputs — override direct (plus fiable que variables) */
body.page-contact .srfm-input-common,
body.page-contact input.srfm-input-common,
body.page-contact textarea.srfm-input-common {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  transition: border-color 0.25s ease, background 0.25s ease !important;
  box-shadow: none !important;
}

body.page-contact .srfm-input-common:focus,
body.page-contact .srfm-input-common:focus-visible {
  border-color: #C9A96E !important;
  background: rgba(255, 255, 255, 0.09) !important;
  background-color: rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.10) !important;
  outline: none !important;
}

body.page-contact .srfm-input-common::placeholder {
  color: rgba(255, 255, 255, 0.28) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
}

/* ── Téléphone ITI ───────────────────────────────────── */
body.page-contact .iti {
  width: 100% !important;
}

body.page-contact .iti__selected-country {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-right: none !important;
  border-radius: 0 !important;
}

body.page-contact .iti__selected-country:hover {
  background: rgba(255, 255, 255, 0.10) !important;
}

body.page-contact .iti__selected-dial-code {
  color: rgba(255, 255, 255, 0.70) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
}

/* ── Erreurs ─────────────────────────────────────────── */
body.page-contact .srfm-error-message {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  color: #e07b6a !important;
}

/* ── Bouton Soumettre ────────────────────────────────── */
body.page-contact .srfm-btn-frontend.srfm-submit-button,
body.page-contact button#srfm-submit-btn,
body.page-contact .srfm-submit-button {
  border-radius: 0 !important;
  background: #0D1B2A !important;
  background-color: #0D1B2A !important;
  border: 1px solid #0D1B2A !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  padding: 16px 40px !important;
  cursor: pointer !important;
  transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

body.page-contact .srfm-btn-frontend.srfm-submit-button:hover,
body.page-contact button#srfm-submit-btn:hover {
  background: #C9A96E !important;
  background-color: #C9A96E !important;
  border-color: #C9A96E !important;
  color: #0D1B2A !important;
}

body.page-contact .srfm-submit-container,
body.page-contact .srfm-submit-container .wp-block-button {
  text-align: left !important;
}

/* ═══════════════════════════════════════════════════════
   SECTION BAS — uagb-block-fe8ae009
═══════════════════════════════════════════════════════ */

body.page-contact .uagb-block-fe8ae009 .uagb-heading-text,
body.page-contact .uagb-block-fe8ae009 .uagb-heading-text *,
body.page-contact .uagb-block-fe8ae009 h2,
body.page-contact .uagb-block-fe8ae009 h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

body.page-contact .uagb-block-fe8ae009 .uagb-sub-heading-text,
body.page-contact .uagb-block-fe8ae009 p {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Grille 3 colonnes */
body.page-contact .uagb-block-1a6b86d2 .wp-block-uagb-container {
  border-radius: 0 !important;
  border-left: 1px solid rgba(201, 169, 110, 0.28) !important;
  padding-left: 28px !important;
}

body.page-contact .uagb-block-1a6b86d2 .uagb-heading-text,
body.page-contact .uagb-block-1a6b86d2 .uagb-heading-text *,
body.page-contact .uagb-block-1a6b86d2 h3,
body.page-contact .uagb-block-1a6b86d2 h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #C9A96E !important;
}

body.page-contact .uagb-block-1a6b86d2 p,
body.page-contact .uagb-block-1a6b86d2 .uagb-sub-heading-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  line-height: 1.6 !important;
}

body.page-contact .uagb-block-1a6b86d2 a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-decoration: none !important;
}

body.page-contact .uagb-block-1a6b86d2 a:hover {
  color: #C9A96E !important;
}

/* Google Map */
body.page-contact .wp-block-uagb-google-map iframe {
  border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  body.page-contact .uagb-block-c2bb3c7e {
    margin-top: 48px !important;
  }
  body.page-contact .uagb-block-1a6b86d2 .wp-block-uagb-container {
    border-left: none !important;
    border-top: 1px solid rgba(201, 169, 110, 0.20) !important;
    padding-left: 0 !important;
    padding-top: 24px !important;
  }
}

@media (max-width: 480px) {
  body.page-contact .srfm-btn-frontend.srfm-submit-button {
    width: 100% !important;
    justify-content: center !important;
  }
}