/*============================================================================================*/
/* LA MAISON MON BÛCHERON PARIS — surcharges premium (rebrand sur template Potenza) */
/*============================================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;900&display=swap');

:root{
  --mbp-green:#1A573E;
  --mbp-green-deep:#123c2b;
  --mbp-red:#9F0217;
  --mbp-gold:#C9A84C;
  --mbp-cream:#FAF7F0;
}

/* --- Typographie : serif premium pour les titres --- */
h1, h2, h3,
.main_question,
.content-left-wrapper h2,
#sub_content_in h1{
  font-family:'Playfair Display', Georgia, serif !important;
  letter-spacing:-0.3px;
}
.main_question{ font-weight:700; }
.section_title{
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:11px;
  color:var(--mbp-gold);
  font-weight:600;
}

/* --- Panneau gauche : vert profond + profondeur --- */
.content-left{
  background:linear-gradient(160deg, var(--mbp-green) 0%, var(--mbp-green-deep) 100%) !important;
}
.content-left-wrapper h2{ font-size:30px; line-height:1.15; }
.content-left-wrapper p{ color:rgba(255,255,255,.82); }
.content-left-wrapper .copy{ color:rgba(255,255,255,.45); }

/* petite étiquette premium au-dessus du titre gauche */
.mbp-kicker{
  display:inline-block;
  font-size:11px; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--mbp-gold); font-weight:600; margin-bottom:14px;
}
.mbp-proof{
  margin-top:22px; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
  font-size:13px; color:rgba(255,255,255,.7);
}
.mbp-proof strong{ color:#fff; }

/* --- Bouton or (CTA "Obtenez votre territoire") --- */
a.btn_1.yellow, .btn_1.yellow{
  background-color:var(--mbp-gold) !important;
  color:var(--mbp-green-deep) !important;
  font-weight:600;
}
a.btn_1.yellow:hover, .btn_1.yellow:hover{
  background-color:#b9963d !important;
  color:#fff !important;
}

/* --- Formulaire : focus & accents verts, fond crème --- */
.content-right{ background-color:var(--mbp-cream) !important; }
.form-control:focus{
  border-color:var(--mbp-green) !important;
  box-shadow:0 0 0 2px rgba(26,87,62,.12) !important;
}
/* barre de progression dorée */
#progressbar .ui-progressbar-value,
#progressbar > div{ background-color:var(--mbp-gold) !important; }

/* boutons de navigation du wizard */
#bottom-wizard .forward, #bottom-wizard .submit{ background-color:var(--mbp-green) !important; }
#bottom-wizard .forward:hover, #bottom-wizard .submit:hover{ background-color:var(--mbp-red) !important; }

/* champ conditionnel "précisez" */
.mbp-conditional{ display:none; margin-top:12px; }
.mbp-conditional.is-visible{ display:block; }

/* aide sous une question */
.mbp-help{
  font-size:13px; color:#6a6a6a; margin:-4px 0 14px;
  padding:10px 14px; background:#fff; border-left:3px solid var(--mbp-gold); border-radius:0 6px 6px 0;
}

/*============================================================================================*/
/* MBP — finalisation : photos, blocs icônes, footer légal, hero                              */
/*============================================================================================*/

/* Photo ronde — panneau gauche de la page Candidature */
.mbp-round-photo{ margin:0 0 6px; }
.mbp-round-photo img{
  width:150px; height:150px; object-fit:cover; border-radius:50%;
  border:3px solid rgba(255,255,255,.85);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
@media (max-width:991px){ .mbp-round-photo img{ width:118px; height:118px; } }

/* Photos d'intro (colonne à côté du texte — about / licence) */
.mbp-intro-photo{
  width:100%; height:auto; object-fit:cover;
  border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Bandeau hero : bg-mb-licence.webp a déjà son voile noir incrusté
   → on allège le voile ajouté par le template pour ne pas doubler */
#sub_content_in{ background:rgba(0,0,0,.22) !important; }

/* Blocs "features" en icônes (remplacent les carrousels licence & legal) */
.mbp-features{ margin-top:10px; }
.mbp-features [class^="col-"]{ margin-bottom:28px; }
.mbp-feature{ text-align:center; padding:0 14px; }
.mbp-feature-ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:66px; height:66px; margin-bottom:16px;
  border-radius:50%; background:var(--mbp-cream);
  border:1px solid rgba(26,87,62,.15);
  color:var(--mbp-green); font-size:28px; line-height:1;
}
.mbp-feature h4{
  font-family:'Playfair Display', Georgia, serif;
  color:var(--mbp-green); font-size:19px; margin-bottom:8px;
}
.mbp-feature p{ font-size:14px; color:#5b5b5b; line-height:1.55; }

/* Ligne d'identification légale dans le footer (fond clair) */
.footer-legal{
  float:right; clear:right;
  font-size:12px; color:#9a9a9a; margin:6px 0 0 !important;
}
@media (max-width:991px){ .footer-legal{ float:none; } }
/* Variante sur le panneau vert de la page Candidature */
.footer-legal-inline{ font-size:11px; color:rgba(255,255,255,.45); line-height:1.5; }