/* BARA CARRELAGE v1.1.3 – correction ciblée du formulaire de devis.
   Garde les vues et les champs existants, ainsi que le hero et les services de l'accueil. */

/* Typographie des pages intérieures seulement : l'accueil reste inchangé. */
.bara-quote-page h1,
.bara-quote-page h2,
.bara-quote-page h3,
.bc-detail-hero h1,
.bc-intro-grid h2,
.bc-story-content h2,
.bc-faq-grid h2,
.bc-section-heading h2,
.bc-blog-hero h1,
.bc-final-cta h2,
.page-banner h1 {
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.2;
}
.bara-quote-page .bara-quote-intro {padding: 36px 0 28px;}
.bara-quote-page .bara-quote-intro h1 {font-size: clamp(1.9rem, 3vw, 2.85rem);font-weight: 500;}
.bara-quote-page .bara-quote-intro p {font-size: .94rem;line-height: 1.65;max-width: 67ch;}

/* Deux panneaux équilibrés : la colonne gauche est une illustration,
   la colonne droite contient le formulaire, pas une grille parmi les boutons. */
.bara-quote-page .quote-section-v2 {padding: 38px 0 66px;background: linear-gradient(120deg,#f2f7fd 0%,#f8fbff 75%);}
.bara-quote-page .quote-section-v2 .quote-layout {
  width: min(1210px, calc(100% - 56px));
  display: grid;
  grid-template-columns: minmax(250px, .77fr) minmax(0, 1.38fr);
  align-items: start;
  gap: 26px;
}
.bara-quote-page .quote-section-v2 .quote-art {
  min-width: 0;
  min-height: 445px;
  position: sticky;
  top: 105px;
  padding: 34px 30px;
  border-radius: 17px;
  box-shadow: 0 15px 40px rgba(8,47,92,.14);
}
.bara-quote-page .quote-art h2 {
  font-weight: 500;
  font-size: clamp(1.6rem, 2.4vw, 2.28rem);
  line-height: 1.19;
  letter-spacing: -.025em;
  margin: 11px 0 16px;
}
.bara-quote-page .quote-art p {font-size: .89rem;line-height: 1.67;max-width: 40ch;}
.bara-quote-page .quote-art .tile-showcase {margin: 32px 0 23px;max-width: 240px;}
.bara-quote-page .quote-section-v2 .quote-form-panel {
  min-width: 0;
  padding: clamp(22px,2.7vw,37px);
  background: #fff;
  border: 1px solid #e2eaf5;
  border-radius: 17px;
  box-shadow: 0 14px 45px rgba(11,55,102,.07);
}
.bara-quote-page .quote-form-panel h2 {font-size: clamp(1.5rem, 2.25vw, 2rem);font-weight: 500;line-height: 1.24;margin: 9px 0 7px;color: #152c4f;}
.bara-quote-page .quote-form-panel > p {font-size: .89rem;line-height: 1.65;color: #63758a;margin-bottom: 19px;}
.bara-quote-page .quote-form-panel .eyebrow {font-size: .66rem;letter-spacing: .13em;font-weight: 600;}
.bara-quote-page .wizard-top {margin: 18px 0 26px;}
.bara-quote-page .wizard-progress {height: 5px;}
.bara-quote-page .wizard-steps {font-size: .71rem;line-height: 1.35;}
.bara-quote-page .wizard-steps .selected {font-weight: 600;}

/* LE CORRECTIF : .quote-form était une grille 2 colonnes ; le fieldset
   et .wizard-actions devenaient chacun une colonne de la même rangée.
   Un block racine garde les boutons EN DESSOUS du fieldset. */
.bara-quote-page .quote-section-v2 form.quote-form.wizard-form {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.bara-quote-page .quote-section-v2 .wizard-step {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  align-content: start;
  gap: 15px 17px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.bara-quote-page .quote-section-v2 .wizard-step[hidden],
.bara-quote-page .quote-section-v2 .wizard-specific [hidden],
.bara-quote-page .quote-section-v2 .wizard-actions button[hidden] {
  display: none !important;
}
.bara-quote-page .wizard-step legend {
  color: #253d5a;
  font-size: 1rem;
  font-weight: 550;
  margin-bottom: 17px;
  line-height: 1.45;
}
.bara-quote-page .wizard-step label {min-width: 0;font-size: .83rem;font-weight: 500;color: #334b65;}
.bara-quote-page .wizard-step label > span {font-size: .82rem;font-weight: 530;line-height: 1.4;margin: 0 0 7px;}
.bara-quote-page .quote-form input:not([type=checkbox]):not([type=file]),
.bara-quote-page .quote-form select,
.bara-quote-page .quote-form textarea {
  min-width: 0;
  min-height: 43px;
  height: auto;
  font-size: .87rem;
  line-height: 1.45;
  border-color: #d9e5f0;
  padding: 10px 12px;
  border-radius: 9px;
  box-shadow: none;
}
.bara-quote-page .quote-form textarea {min-height: 104px;resize: vertical;}
.bara-quote-page .wizard-specific {min-width: 0;}
.bara-quote-page .wizard-specific h3 {font-size: .94rem;font-weight: 550;}
.bara-quote-page .wizard-specific label {max-width: 100%;}
.bara-quote-page .quote-form label.full,
.bara-quote-page .wizard-specific.full {grid-column: 1 / -1;}
.bara-quote-page .quote-form .consent {font-size: .82rem;font-weight: 400;line-height: 1.55;}

/* Boutons horizontaux, bas de formulaire, dimensions normales. */
.bara-quote-page .quote-form .wizard-actions {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
  min-height: 0;
  height: auto;
  margin-top: 25px;
  padding-top: 19px;
  border-top: 1px solid #e4edf5;
}
.bara-quote-page .wizard-actions .btn {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 40px;
  max-height: 45px;
  align-items: center;
  justify-content: center;
  padding: 10px 17px;
  font-size: .82rem;
  font-weight: 520;
  line-height: 1.25;
  border-radius: 9px;
  white-space: normal;
  text-align: center;
  box-shadow: 0 5px 12px rgba(6,80,172,.13);
}
.bara-quote-page .wizard-actions .wizard-prev {box-shadow: none;}
.bara-quote-page .quote-form .wizard-status {display:block;margin:11px 0 0;color:#7a8b9d;font-size:.77rem;line-height:1.5;}

@media (max-width: 980px) {
  .bara-quote-page .quote-section-v2 .quote-layout {width:min(900px,calc(100% - 40px));grid-template-columns: 1fr;gap:18px;}
  .bara-quote-page .quote-section-v2 .quote-art {position:relative;top:auto;min-height:0;padding:26px 28px;}
  .bara-quote-page .quote-art .tile-showcase {display:none;}
  .bara-quote-page .quote-art h2 {max-width:550px;}
  .bara-quote-page .quote-art .form-hint {margin-bottom:0;}
}
@media (max-width: 600px) {
  .bara-quote-page .bara-quote-intro {padding:28px 0 22px;}
  .bara-quote-page .quote-section-v2 {padding:16px 0 40px;}
  .bara-quote-page .quote-section-v2 .quote-layout {width:calc(100% - 24px);gap:13px;}
  .bara-quote-page .quote-section-v2 .quote-art {padding:22px 20px;border-radius:13px;}
  .bara-quote-page .quote-art h2 {font-size:1.5rem;}
  .bara-quote-page .quote-art p {font-size:.85rem;}
  .bara-quote-page .quote-section-v2 .quote-form-panel {padding:20px 17px;border-radius:13px;}
  .bara-quote-page .quote-section-v2 .wizard-step {grid-template-columns: 1fr;gap:14px;}
  .bara-quote-page .wizard-steps {gap:6px;font-size:.66rem;}
  .bara-quote-page .quote-form .wizard-actions {justify-content:stretch;gap:9px;}
  .bara-quote-page .wizard-actions .btn {min-height:42px;max-height:none;flex:1 1 140px;}
}
@media (prefers-reduced-motion: reduce) {
  .bara-quote-page .wizard-actions .btn {transition:none;transform:none!important;}
}