/*
Theme Name: Maison Vera Collective 2
Text Domain: maison-vera
Version: 1.0.0
*/

.mvc-form .step-nav{
display:flex!important;
flex-wrap:nowrap!important;
gap:1rem!important;
justify-content:flex-end!important;
align-items:center!important
}

.mvc-form .step-nav p{
margin:0!important;
display:inline-flex!important;
flex:0 0 auto!important;
width:auto!important
}

.mvc-form .step-nav p + p{
margin-left:0!important
}

.mvc-form .step-nav p br{
display:none!important
}

.mvc-form .step-nav button{
display:inline-flex!important;
width:auto!important;
flex:0 0 auto!important;
min-width:160px!important
}

@media (max-width:767px){
.mvc-form .step-nav{
justify-content:space-between!important
}
.mvc-form .step-nav button{
min-width:0!important;
flex:1 1 0!important;
width:100%!important
}
}

.mvc-form textarea{
min-height:48px!important;
height:auto!important;
resize:vertical
}

/* Wizard apply form: step title small, question big, divider between answers */
.mvc-form-wizard [data-step] h3{
font-size:0.6875rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.12em;
color:rgba(255,255,255,0.7);
}
@media (min-width:768px){
.mvc-form-wizard [data-step] h3{
font-size:0.75rem;
}
}
.mvc-form-wizard [data-step] .mb-4 > p > label,
.mvc-form-wizard [data-step] .mb-4 > label{
font-size:1.25rem;
font-weight:600;
}
@media (min-width:768px){
.mvc-form-wizard [data-step] .mb-4 > p > label,
.mvc-form-wizard [data-step] .mb-4 > label{
font-size:1.375rem;
}
}
.mvc-form-wizard [data-step] label{
font-size:1rem;
}
@media (min-width:768px){
.mvc-form-wizard [data-step] label{
font-size:1.125rem;
}
}
.mvc-form-wizard .wpcf7-list-item{
display:block;
padding:0.75rem 0;
border-bottom:1px solid rgba(120,113,108,0.5);
}
.mvc-form-wizard .wpcf7-list-item:last-child{
border-bottom:none;
}
.mvc-form-wizard .wpcf7-list-item-label,
.mvc-form-wizard .wpcf7-list-item label{
font-size:1rem;
}
@media (min-width:768px){
.mvc-form-wizard .wpcf7-list-item-label,
.mvc-form-wizard .wpcf7-list-item label{
font-size:1.125rem;
}
}
.mvc-form-wizard .wpcf7-form-control-wrap{
display:block;
margin-top:0.25rem;
}
.mvc-form-wizard .mb-4{
margin-bottom:1.25rem;
}
.mvc-form-wizard .mb-4.mt-6{
margin-top:1.5rem;
}

/* Back button padding (survives overrides) */
.mvc-form-wizard .mvc-wizard-back{
padding-left:1.25rem !important;
padding-right:1.25rem !important;
}

/* Form card: fixed width, never size to step content */
.mvc-form.mvc-form-wizard{
width:100% !important;
min-width:0;
box-sizing:border-box;
overflow:hidden;
}
/* Step 6 / all steps: same width as container, no overflow */
.mvc-form-wizard form,
.mvc-form-wizard [data-step]{
max-width:100%;
width:100%;
box-sizing:border-box;
}
.mvc-form-wizard [data-step] > *,
.mvc-form-wizard .wpcf7-form-control-wrap{
max-width:100%;
box-sizing:border-box;
}
/* Step 6 grid: keep same width as other steps, allow columns to shrink */
.mvc-form-wizard [data-step="6"] .grid{
min-width:0;
}
.mvc-form-wizard [data-step="6"] .grid > *{
min-width:0;
}

/* ========== WIZARD CARD WIDTH LOCK (do not remove) ========== */
/* Form column: fixed width on large viewports so container never moves between steps */
.mvc-form-column{
width:100%;
max-width:72rem;
min-width:0;
flex-shrink:0;
}
@media (min-width:80rem){
.mvc-form-column{
width:72rem;
}
}
/* Hard-lock card width so it never changes per step */
.mvc-form.mvc-form-wizard{
width:100% !important;
max-width:72rem !important;
min-width:0 !important;
box-sizing:border-box !important;
overflow:hidden;
}
/* Force CF7 form and step wrappers to block, full width, no shrink-to-fit */
.mvc-form-wizard form,
.mvc-form-wizard .wpcf7{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
/* Step divs: width/layout only; do NOT override .hidden (display:none) */
.mvc-form-wizard [data-step]{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
.mvc-form-wizard [data-step]:not(.hidden){
display:block !important;
}
.mvc-form-wizard .wpcf7 p,
.mvc-form-wizard form p{
display:block !important;
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
}
/* Long radio labels: wrap instead of expanding card */
.mvc-form-wizard .wpcf7-list-item,
.mvc-form-wizard .wpcf7-list-item-label,
.mvc-form-wizard .wpcf7-list-item label,
.mvc-form-wizard [data-step] label{
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:normal !important;
min-width:0 !important;
}
/* Prevent flex/grid children from forcing width */
.mvc-form-wizard [data-step] > *,
.mvc-form-wizard .wpcf7-form-control-wrap,
.mvc-form-wizard .mb-4{
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
}
.mvc-form-wizard [data-step="6"] .grid,
.mvc-form-wizard [data-step="6"] .grid > *{
min-width:0 !important;
}

/* Step 1–5 confirmation: white box 20% opacity (80% transparent), pink text; force hidden when .hidden */
.mvc-form-wizard [data-step-confirmation]{
display:block;
background:rgba(255,255,255,0.2) !important;
color:#fff !important;
font-weight:400 !important;
font-size:1.0625rem !important;
line-height:1.5;
padding:1rem 1.25rem !important;
margin-top:1rem;
border-radius:0.5rem;
box-sizing:border-box;
}
.mvc-form-wizard [data-step-confirmation].hidden{
display:none !important;
visibility:hidden !important;
height:0 !important;
overflow:hidden !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}
@media (min-width:768px){
.mvc-form-wizard [data-step-confirmation]{
font-size:1.125rem !important;
padding:1.25rem 1.5rem !important;
}
}

/* Step 6 fit/maybe: white box 20% opacity (80% transparent), pink text; force hidden when .hidden */
.mvc-form-wizard .mvc-summary-fit,
.mvc-form-wizard .mvc-summary-maybe{
background:rgba(255,255,255,0.2) !important;
color:#fff !important;
font-weight:400 !important;
padding:1.25rem 1.5rem !important;
border-radius:0.5rem;
box-sizing:border-box;
}
.mvc-form-wizard .mvc-summary-fit.hidden,
.mvc-form-wizard .mvc-summary-maybe.hidden{
display:none !important;
visibility:hidden !important;
height:0 !important;
overflow:hidden !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}
.mvc-form-wizard .mvc-summary-fit p,
.mvc-form-wizard .mvc-summary-maybe p{
margin:0 !important;
color:#fff !important;
font-weight:400 !important;
font-size:1.0625rem !important;
line-height:1.5;
}
@media (min-width:768px){
.mvc-form-wizard .mvc-summary-fit p,
.mvc-form-wizard .mvc-summary-maybe p{
font-size:1.125rem !important;
}
}