/* Page /estimation/ (16/10/2026) — parcours d'estimation, mise en forme des éléments posés par wordpress/pages/estimation.php.
   Chargée après accueil.css (socle dbh-…) et formulaire.css. Trois colonnes sur ordinateur (compris · formulaire ·
   téléphone), une seule colonne sous 960 px (bouton d'appel en haut, bloc « compris » en une ligne dans le formulaire).
   Mode clair, cuivre, aucun bleu : les variables du formulaire passent au cuivre sur cette page. */

.dbh-page-estimation, .dbh-page-estimation .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) */
.dbh-s.dbh-estimation, .dbh-s.dbh-estimation .uk-section { background: #F7F7F6; }
.dbh-s.dbh-estimation .uk-container { padding-top: 24px; padding-bottom: 44px; }
.dbh-est-grille { align-items: flex-start; }

/* ── En-tête de la colonne centrale : les classes db-surtitre / db-titre / db-chapo (formulaire.css) sont neutralisées */
.dbh-s.dbh-estimation .db-surtitre p { display: block; font-size: 27px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--dbh-action); animation: none; }
.dbh-s.dbh-estimation .db-surtitre p::before, .dbh-s.dbh-estimation .db-surtitre p::after { display: none; }
.dbh-s.dbh-estimation .dbh-t.db-titre, .dbh-s.dbh-estimation .db-titre :where(h1), .dbh-s.dbh-estimation h1.db-titre {
  margin-top: 0 !important; font-family: var(--dbh-titre); font-weight: 360; letter-spacing: -.02em; line-height: 1.06 !important;
  font-size: clamp(34px, 3.6vw, 52px) !important; color: var(--dbh-encre); animation: none;
}
.dbh-s.dbh-estimation .db-chapo { max-width: 600px; margin: 18px 0 0 !important; animation: none; }
.dbh-s.dbh-estimation .db-chapo, .dbh-s.dbh-estimation .db-chapo p { font-size: 17px !important; line-height: 1.6; color: var(--dbh-texte) !important; text-align: left; }
.dbh-s.dbh-estimation .dbh-intro-estimation { min-height: 3.2em; }

/* Le formulaire : sans grosse carte, filets fins sur le fond pâle */
.dbh-s.dbh-estimation .db-form { max-width: none; margin: 28px 0 0; padding: 24px 28px 22px; border: 1px solid var(--db-trait); border-radius: 4px; box-shadow: 0 30px 60px rgba(23, 25, 27, .06); }
.dbh-s.dbh-estimation .db-etape legend { font-family: var(--dbh-titre); font-weight: 400; font-size: 1.6rem; letter-spacing: -.02em; }
.dbh-s.dbh-estimation .db-suivant, .dbh-s.dbh-estimation .db-form input[type="submit"] { border-radius: 4px; transition: background .3s, opacity .2s; }
.dbh-s.dbh-estimation .db-suivant:hover, .dbh-s.dbh-estimation .db-form input[type="submit"]:hover { transform: none; }
.dbh-s.dbh-estimation .db-form .wpcf7-list-item-label, .dbh-s.dbh-estimation .db-choix-bouton { border-radius: 4px; }
.dbh-s.dbh-estimation .db-form input:focus, .dbh-s.dbh-estimation .db-form textarea:focus { border-color: var(--db-action); box-shadow: 0 0 0 3px rgba(159, 68, 39, .16); }
.dbh-s.dbh-estimation .db-form .wpcf7-list-item input:focus-visible + .wpcf7-list-item-label { box-shadow: 0 0 0 3px rgba(159, 68, 39, .16); }
.dbh-s.dbh-estimation .db-suivant.db-pret, .dbh-s.dbh-estimation .db-form input[type="submit"].db-pret { animation: dbh-est-halo .7s ease-out; }
@keyframes dbh-est-halo { 0% { box-shadow: 0 0 0 0 rgba(159, 68, 39, .35); } 100% { box-shadow: 0 0 0 10px rgba(159, 68, 39, 0); } }
.dbh-s.dbh-estimation .db-a-renseigner, .dbh-s.dbh-estimation .wpcf7-not-valid-tip { color: #B42318; }
.dbh-s.dbh-estimation .db-oubli input, .dbh-s.dbh-estimation .db-oubli .wpcf7-list-item-label, .dbh-s.dbh-estimation .db-oubli .db-choix-bouton { border-color: #B42318 !important; }
.dbh-s.dbh-estimation .db-email-aide .db-correction { color: var(--db-action-survol); }
.dbh-s.dbh-estimation .db-email-aide button:hover { border-color: #D9B3A5; }
.dbh-s.dbh-estimation .db-suggestions li:hover, .dbh-s.dbh-estimation .db-suggestions li.db-actif { background: var(--db-action-doux); }
.dbh-s.dbh-estimation .db-form input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--db-action) var(--db-rempli), var(--db-trait) var(--db-rempli)); }

/* ── Colonne de gauche : ce que j'ai compris (rempli par formulaire.js), note manuscrite, photo en respiration ───── */
@media (min-width: 960px) { .dbh-s .uk-grid > .dbh-est-gauche { padding-top: 8px; } }
.dbh-compris-place:not(.dbh-compris-plein) { display: none; }
.dbh-compris-place .db-compris { margin: 0; font-size: 14px; }
.dbh-compris-place .db-compris summary { cursor: default; pointer-events: none; }
.dbh-compris-place .db-compris-titre { padding-bottom: 10px; font-size: 15px; }
.dbh-compris-place .db-compris-commune { font-size: 14px; }
.dbh-est-note { margin: 30px 0 26px; font-size: 30px; transform: rotate(-3deg); transform-origin: left center; }
.dbh-s .dbh-est-photo { aspect-ratio: 4 / 5; border-radius: 4px; box-shadow: 0 24px 48px rgba(23, 25, 27, .12); }
.dbh-s .dbh-est-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dbh-est-photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(200deg, rgba(23, 25, 27, 0) 50%, rgba(23, 25, 27, .5) 100%); }
.dbh-est-photo .dbh-note { position: absolute; left: 28px; bottom: 30px; z-index: 2; font-size: 27px; color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, .45); transform: rotate(-4deg); }

.dbh-s.dbh-estimation .db-compris.is-ligne { margin-top: 20px; }

/* ── Colonne de droite : le téléphone, tout le long du parcours ───────────────────────────────────────────────── */
@media (min-width: 960px) { .dbh-s .uk-grid > .dbh-est-droite { position: sticky; top: 110px; padding-top: 6px; } }
.dbh-s .dbh-est-k-appel p { font-size: 25px; }
.dbh-s .dbh-est-voix p { margin: 0 0 18px; font-size: 15px; line-height: 1.55; }
.dbh-s .dbh-est-tel { margin-top: 0; }
.dbh-s .dbh-est-tel .uk-button { width: 100%; justify-content: center; font-size: 17px; font-variant-numeric: tabular-nums; }
.dbh-s .dbh-est-tel .uk-button-primary::after { content: none; }
.dbh-s .dbh-est-heures p { margin: 12px 0 0; font-size: 14px; }
.dbh-s .dbh-est-message p { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--dbh-gris); }
.dbh-s .dbh-est-signe { margin-top: 26px; padding-top: 18px; border-top: 1px solid #E4E6E7; }
.dbh-s .dbh-est-signe p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--dbh-gris); }
.dbh-s .dbh-est-signe strong { font-weight: 700; color: var(--dbh-encre); }

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

/* ── Téléphone et tablette ────────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 959px) {
  .dbh-s.dbh-estimation .uk-container { padding: 12px 20px 38px; }
  .dbh-s .uk-grid > .dbh-est-gauche { order: 3; }
  .dbh-est-appel {
    display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin: 0 0 24px; 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-est-appel:hover { background: #F3F4F4; }
  .dbh-s.dbh-estimation .dbh-t.db-titre, .dbh-s.dbh-estimation h1.db-titre { font-size: 34px !important; }
  .dbh-s.dbh-estimation .db-surtitre p { font-size: 24px; }
  .dbh-s.dbh-estimation .db-chapo, .dbh-s.dbh-estimation .db-chapo p { font-size: 16px !important; }
  .dbh-s.dbh-estimation .db-form { margin-top: 20px; padding: 18px 16px 16px; }
  .dbh-s.dbh-estimation .db-etape legend { font-size: 1.4rem; }
  .dbh-s .uk-grid > .dbh-est-droite { display: none; }
  .dbh-est-note { margin-top: 28px; font-size: 28px; }
  .dbh-s .dbh-est-photo { aspect-ratio: 16 / 10; }
}
@media (max-width: 480px) {
  .dbh-s.dbh-estimation .db-nav { gap: 8px; }
  .dbh-s.dbh-estimation .db-suivant { padding: 11px 16px; font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) {
  .dbh-est-appel, .dbh-s.dbh-estimation .db-suivant { transition: none; }
}