/* Page /ma-recherche/ (17/10/2026) — « Déposer ma recherche », mise en forme des éléments posés par
   wordpress/pages/ma-recherche.php, sur le modèle de la page Estimation v12 (pages/estimation.css).
   Chargée après accueil.css (socle dbh-…) et formulaire.css (charte B des formulaires). Deux colonnes sur ordinateur
   (héros + formulaire en carte · accompagnement), une seule sous 960 px (bouton d'appel en haut, formulaire, puis
   l'accompagnement). Mode clair, cuivre, aucun bleu. Préfixe des classes propres à la page : dbh-mr-. */

.dbh-page-ma-recherche, .dbh-page-ma-recherche .db-form {
  --db-action: #9F4427; --db-action-survol: #873A23; --db-action-doux: #F7ECE7;
  --db-encre: #17191B; --db-texte: #33383C; --db-gris: #5B6470; --db-aide: #8A9096;
  --db-trait: #E4E6E7; --db-trait-pale: #F0F1F1; --db-fond: #F7F7F6; --db-rouge: #B42318; --db-vert: #2F7D57;
}
/* Fond pâle : sélecteur doublé (le fond blanc de .uk-section-default est chargé après). Haut de page dégagé : le
   sur-titre ne passe jamais sous l'en-tête. */
.dbh-s.dbh-ma-recherche, .dbh-s.dbh-ma-recherche .uk-section { background: #F7F7F6; }
.dbh-s.dbh-ma-recherche .uk-container { padding-top: 40px; padding-bottom: 44px; }
.dbh-mr-grille { align-items: flex-start; }

/* ── Héros éditorial court ───────────────────────────────────────────────────────────────────────────────── */
.dbh-s .dbh-mr-k p { font-size: 27px; }
.dbh-s .dbh-mr-h1, .dbh-s .dbh-mr-h1 :where(h1), .dbh-s h1.dbh-mr-h1 {
  margin-top: 4px; margin-bottom: 0; font-size: clamp(38px, 3.9vw, 56px); line-height: 1.04;
}
.dbh-s .dbh-mr-chapo { margin-top: 16px; }
.dbh-s .dbh-mr-chapo p { max-width: 600px; margin: 0; font-size: 18px; line-height: 1.6; color: var(--dbh-texte); }

/* ── Le formulaire, dans une carte blanche ───────────────────────────────────────────────────────────────── */
.dbh-s .dbh-mr-formulaire { margin-top: 28px; }
.dbh-s.dbh-ma-recherche .db-form { max-width: none; margin: 0; padding: 26px 32px 24px; border: 1px solid var(--db-trait); border-radius: 4px; background: #fff; box-shadow: 0 30px 60px rgba(23, 25, 27, .06); }
.dbh-s.dbh-ma-recherche .wpcf7 form:has(.db-form) > .wpcf7-response-output { max-width: none; }
.dbh-s.dbh-ma-recherche .db-carte { height: 280px; }
/* Total avec les frais de notaire : fond minéral, distinct de la carte blanche */
.dbh-s.dbh-ma-recherche .db-total { background: #F3F4F4; }

/* ── Colonne d'accompagnement ────────────────────────────────────────────────────────────────────────────── */
@media (min-width: 960px) {
  .dbh-s .uk-grid > .dbh-mr-droite { padding-top: 10px; }
  .dbh-s .uk-grid > .dbh-mr-centre { padding-right: 24px; }
}
.dbh-s .dbh-mr-k-suite p { font-size: 25px; }
.dbh-s .dbh-mr-suite { margin-top: 14px; }
.dbh-s .dbh-mr-suite p { position: relative; max-width: none; margin: 0 0 14px; padding-left: 16px; font-size: 15px; line-height: 1.55; color: var(--dbh-gris); }
.dbh-s .dbh-mr-suite p::before { content: ""; position: absolute; left: 0; top: .35em; bottom: .3em; width: 2px; border-radius: 1px; background: var(--dbh-action); }
.dbh-s .dbh-mr-suite p:last-child { margin-bottom: 0; }
.dbh-s .dbh-mr-suite strong { font-weight: 700; color: var(--dbh-encre); }

.dbh-s .dbh-mr-respiration { margin-top: 30px; }
.dbh-s .dbh-mr-photo { aspect-ratio: 4 / 3; box-shadow: 0 24px 48px rgba(23, 25, 27, .12); }
.dbh-mr-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(200deg, rgba(23, 25, 27, 0) 45%, rgba(23, 25, 27, .55) 100%); }
.dbh-mr-photo .dbh-note { position: absolute; left: 26px; bottom: 26px; z-index: 2; font-size: 26px; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .45); transform: rotate(-3deg); transform-origin: left bottom; }

.dbh-s .dbh-mr-k-appel { margin-top: 34px; }
.dbh-s .dbh-mr-k-appel p { font-size: 25px; }
.dbh-s .dbh-mr-voix p { margin: 0 0 16px; font-size: 15px; line-height: 1.55; }
.dbh-s .dbh-mr-tel { margin-top: 0; }
.dbh-s .dbh-mr-tel .uk-button { width: 100%; justify-content: center; font-size: 17px; font-variant-numeric: tabular-nums; }
.dbh-s .dbh-mr-tel .uk-button-primary::after { content: none; }
.dbh-s .dbh-mr-anglais-zone { margin-top: 14px; }
.dbh-mr-anglais { font-size: 26px; transform: rotate(-2deg); transform-origin: left center; }
.dbh-s .dbh-mr-signe { margin-top: 22px; padding-top: 18px; border-top: 1px solid #E4E6E7; }
.dbh-s .dbh-mr-signe p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--dbh-gris); }
.dbh-s .dbh-mr-signe strong { font-weight: 700; color: var(--dbh-encre); }

/* Bouton d'appel du téléphone (en haut de la colonne principale) : masqué sur ordinateur */
.dbh-mr-appel { display: none; }

/* ── Téléphone et tablette ───────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 959px) {
  .dbh-s.dbh-ma-recherche .uk-container { padding: 20px 20px 40px; }
  .dbh-mr-appel {
    display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0 0 22px; padding: 0 16px;
    border: 1px solid var(--dbh-encre); border-radius: 4px; background: #fff; color: var(--dbh-encre) !important;
    font-weight: 600; font-size: 15px; text-decoration: none !important; transition: background .3s;
  }
  .dbh-mr-appel:hover { background: #F3F4F4; }
  .dbh-s .dbh-mr-k p { font-size: 24px; }
  .dbh-s .dbh-mr-h1, .dbh-s h1.dbh-mr-h1 { font-size: 36px; }
  .dbh-s .dbh-mr-chapo p { font-size: 16px; }
  .dbh-s .dbh-mr-formulaire { margin-top: 20px; }
  .dbh-s.dbh-ma-recherche .db-form { padding: 18px 16px 16px; }
  .dbh-s.dbh-ma-recherche .db-carte { height: 220px; }
  .dbh-s .uk-grid > .dbh-mr-droite { margin-top: 36px; }
  .dbh-s .dbh-mr-photo { aspect-ratio: 16 / 10; }
}
@media (max-width: 480px) {
  .dbh-s.dbh-ma-recherche .db-nav { gap: 8px; }
  .dbh-s.dbh-ma-recherche .db-suivant { padding: 11px 16px; font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) {
  .dbh-mr-appel { transition: none; }
}