/* Minimal wizard styling: keeps steps tidy without fighting Divi */
.wr-step-nav {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}
.wr-step-nav .wr-step-prev,
.wr-step-nav .wr-step-next {
  cursor: pointer;
}

.wr-step-nav{align-items:center;}

/* Maak velden iets smaller dan de shortcode container (ruimte voor bg/kolom) */
.webreizen-formulier--offertetool .wr-step{
  box-sizing: border-box;
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.webreizen-formulier--offertetool .wr-step > p,
.webreizen-formulier--offertetool .wr-step .wr-field-row,
.webreizen-formulier--offertetool .wr-offerte-quote{
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.webreizen-formulier--offertetool input,
.webreizen-formulier--offertetool select,
.webreizen-formulier--offertetool textarea{
  width: 100%;
  box-sizing: border-box;
}
.webreizen-formulier--offertetool .wr-field-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.webreizen-formulier--offertetool .wr-field{
  flex: 1 1 220px;
}
.webreizen-formulier--offertetool .wr-field--time{
  flex: 0 0 260px;
}
.webreizen-formulier--offertetool .wr-offerte-quote p{margin:0 0 8px;}

/* Quote/slogan: gecentreerd + 1 witregel richting de tool */
.webreizen-formulier--offertetool .wr-offerte-quote{ text-align:center; margin-bottom:16px; }
.webreizen-formulier--offertetool .wr-offerte-quote-heading{margin:0;}

/* 1 witregel vóór de titel */
.webreizen-formulier--offertetool .wr-top-spacer{height:16px;}

/* (duplicated rules removed) */

/* Extra ruimte tussen slogan en eerste sectie */
.webreizen-formulier--offertetool .wr-step h4:first-of-type{margin-top:0;}

/* Offertetool title centered */
.webreizen-formulier--offertetool .wr-offerte-title{
  text-align:center;
  margin-bottom: 6px;
}

/* Reisdatum + tijd netjes op 1 regel */

.webreizen-formulier--offertetool .wr-datetime-grid{
  display:grid;
  grid-template-columns:minmax(132px,1.15fr) minmax(132px,.9fr);
  gap:12px;
  align-items:end;
}
.webreizen-formulier--offertetool .wr-label--date .wr-label-heading,
.webreizen-formulier--offertetool .wr-label--time .wr-label-heading{
  white-space:nowrap;
}
.webreizen-formulier--offertetool .wr-label--date input{
  min-width:0;
  min-height:46px;
  height:46px;
  line-height:1.3;
  padding-top:12px;
  padding-bottom:12px;
}
.webreizen-formulier--offertetool .wr-label--time select{
  min-height:46px;
  height:46px;
  line-height:1.3;
  padding-top:0;
  padding-bottom:0;
}
.webreizen-formulier--offertetool .wr-label--time{
  min-width:0;
}
.webreizen-formulier--offertetool .wr-label--time .wr-time-wrap{
  display:grid;
  grid-template-columns:minmax(52px,66px) auto minmax(52px,66px);
  gap:6px;
  align-items:center;
}
.webreizen-formulier--offertetool .wr-label--time .wr-time-select{
  min-width:0;
}
.webreizen-formulier--offertetool .wr-datetime-wrap{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.webreizen-formulier--offertetool .wr-time-wrap{
  display:flex;
  gap:6px;
  align-items:center;
}

/* Adresgegevens: 2 kolommen waar mogelijk */
.webreizen-formulier--offertetool .wr-field-row--address{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.webreizen-formulier--offertetool .wr-field-row--address .wr-field{
  flex:1 1 160px;
}
.webreizen-formulier--offertetool .wr-field-row--address input{
  width:100%;
}

/* Extra witruimte onder navigatieknoppen */
.webreizen-formulier--offertetool .wr-step-nav{
  margin-bottom: 16px;
}

.webreizen-formulier--offertetool .wr-nav-spacer{
  height: 16px;
}

/* Kleine input (aantal personen) */
.webreizen-formulier--offertetool .wr-input-small{
  max-width: 140px;
}

/* Checkbox-rijen: vraag op 1 regel */
.webreizen-formulier--offertetool .wr-checklist{
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.webreizen-formulier--offertetool .wr-check-row{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 10px 0;
}
.webreizen-formulier--offertetool .wr-check-row input{
  width:auto;
}


/* Fallback: zonder JS geen 1km formulier.
   Alleen toepassen als de wizard NIET actief is (JS zet data-wr-wizard-active="1"). */
.wr-quote-steps[data-wr-quote-steps="1"]:not([data-wr-wizard-active="1"]) .wr-step{display:none;}
.wr-quote-steps[data-wr-quote-steps="1"]:not([data-wr-wizard-active="1"]) .wr-step[data-step="1"]{display:block;}

/* Wizard hard override: always hide non-active steps, even if theme fights back */
.wr-quote-steps[data-wr-quote-steps="1"][data-wr-wizard-active="1"] .wr-step{display:none !important;}
.wr-quote-steps[data-wr-quote-steps="1"][data-wr-wizard-active="1"] .wr-step.wr-step--active{display:block !important;}


/* Autoverhuur offerteformulier */
.webreizen-formulier--rental .wr-step h4{
  margin-bottom: 14px;
}
.webreizen-formulier--rental .wr-check-row{
  justify-content: flex-start;
}
.webreizen-formulier--rental .wr-step-nav{
  margin-top: 18px;
}

/* Autoverhuur wizard v2 */
.webreizen-formulier--rental .wr-rental-form-shell{
  background:#f3f3f3;
  padding:28px 24px 18px;
}
.webreizen-formulier--rental .wr-rental-form-heading{
  text-align:center;
  margin:0 0 24px;
}
.webreizen-formulier--rental .wr-rental-form-heading__intro,
.webreizen-formulier--rental .wr-rental-form-heading__question{
  margin:0;
}
.webreizen-formulier--rental .wr-rental-form-heading__title{
  margin:6px 0;
}
.webreizen-formulier--rental .wr-step{
  padding-left:0;
  padding-right:0;
}
.webreizen-formulier--rental .wr-step > p,
.webreizen-formulier--rental .wr-step .wr-field-row,
.webreizen-formulier--rental .wr-step .wr-field,
.webreizen-formulier--rental .wr-step .wr-checklist,
.webreizen-formulier--rental .wr-offerte-quote{
  max-width:none;
}
.webreizen-formulier--rental .wr-field,
.webreizen-formulier--rental .wr-field-row,
.webreizen-formulier--rental .wr-checklist,
.webreizen-formulier--rental .wr-step-submit,
.webreizen-formulier--rental .wr-step-footer{
  margin-bottom:14px;
}
.webreizen-formulier--rental .wr-field label,
.webreizen-formulier--rental .wr-rental-section-title{
  display:block;
  margin:0 0 8px;
}
.webreizen-formulier--rental .wr-field-row--datetime{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(72px,.7fr) 16px minmax(72px,.7fr);
  gap:10px;
  align-items:center;
}
.webreizen-formulier--rental .wr-field-row__separator{
  text-align:center;
}
.webreizen-formulier--rental .wr-field--date,
.webreizen-formulier--rental .wr-field--timepiece{flex:initial;}
.webreizen-formulier--rental .wr-field--date input,
.webreizen-formulier--rental .wr-field select,
.webreizen-formulier--rental .wr-field input,
.webreizen-formulier--rental .wr-field textarea{
  width:100%;
}
.webreizen-formulier--rental .wr-step-footer{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}
.webreizen-formulier--rental .wr-step-footer--step1{
  grid-template-columns:1fr auto;
}
.webreizen-formulier--rental .wr-step-footer .wr-step-prev{justify-self:start;}
.webreizen-formulier--rental .wr-step-footer .wr-step-next{justify-self:end;}
.webreizen-formulier--rental .wr-step-page{text-align:center;}
.webreizen-formulier--rental .wr-step-submit .button,
.webreizen-formulier--rental .wr-step-footer .button{min-width:96px;}
.webreizen-formulier--rental .wr-step-submit .button{width:100%;}
.webreizen-formulier--rental .wr-step-footer__placeholder{display:block;min-width:96px;}
.webreizen-formulier--rental .wr-check-row{gap:8px;margin:6px 0;}
.webreizen-formulier--rental .wr-check-row input{width:auto;}
@media (max-width: 767px){
  .webreizen-formulier--rental .wr-field-row--datetime{
    grid-template-columns:1fr 78px 16px 78px;
  }
}


/* Autoverhuur formulier: semantische headings + placeholder-first velden */
.webreizen-formulier--rental .wr-field-group{
  margin-bottom:14px;
}
.webreizen-formulier--rental .wr-rental-field-title{
  display:block;
  margin:0 0 8px;
}
.webreizen-formulier--rental .wr-field--select label{
  display:none;
}
.webreizen-formulier--rental .wr-field select::placeholder,
.webreizen-formulier--rental .wr-field input::placeholder,
.webreizen-formulier--rental .wr-field textarea::placeholder{
  opacity:1;
}


.webreizen-formulier--rental .wr-rental-contact-strip,
.wr-rental-contact-strip{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d9d9d9;
  width:100%;
}
.webreizen-formulier--rental .wr-rental-contact-strip__item,
.wr-rental-contact-strip__item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:12px 18px;
  flex:1 1 50%;
  color:#111;
  text-decoration:none;
  white-space:nowrap;
  line-height:1.2;
}
.webreizen-formulier--rental .wr-rental-contact-strip__icon,
.wr-rental-contact-strip__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  font-size:18px;
  line-height:1;
  align-self:center;
}
.webreizen-formulier--rental .wr-rental-contact-strip__divider,
.wr-rental-contact-strip__divider{
  width:1px;
  background:rgba(0,0,0,.25);
  align-self:stretch;
}
.webreizen-formulier--rental .wr-rental-contact-strip__item:hover,
.wr-rental-contact-strip__item:hover{
  text-decoration:none;
}
.webreizen-formulier--rental .wr-rental-contact-strip__text,
.wr-rental-contact-strip__text{word-break:normal;}
.webreizen-formulier--rental .wr-checklist--vehicle-options{
  background:#d9d9d9;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1px;
}
.webreizen-formulier--rental .wr-checklist--vehicle-options .wr-check-row{
  margin:0;
  background:#d9d9d9;
  padding:14px 18px;
}
.webreizen-formulier--rental .wr-rental-form-heading__intro,
.webreizen-formulier--rental .wr-rental-form-heading__title,
.webreizen-formulier--rental .wr-rental-form-heading__question{
  text-align:center;
}
.webreizen-formulier--rental .wr-rental-form-heading__intro{margin-bottom:8px;}
.webreizen-formulier--rental .wr-rental-form-heading__title{margin-bottom:8px;}
@media (max-width: 767px){
  .webreizen-formulier--rental .wr-field-row--datetime{
    grid-template-columns:1fr 78px 16px 78px;
  }
}


/* Autoverhuur formulier: semantische headings + placeholder-first velden */
.webreizen-formulier--rental .wr-field-group{
  margin-bottom:14px;
}
.webreizen-formulier--rental .wr-rental-field-title{
  display:block;
  margin:0 0 8px;
}
.webreizen-formulier--rental .wr-field--select label{
  display:none;
}
.webreizen-formulier--rental .wr-field select::placeholder,
.webreizen-formulier--rental .wr-field input::placeholder,
.webreizen-formulier--rental .wr-field textarea::placeholder{
  opacity:1;
}


.webreizen-formulier--rental .wr-rental-contact-strip{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#d9d9d9;
}
.webreizen-formulier--rental .wr-rental-contact-strip__item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:10px 18px;
  flex:1 1 50%;
  color:#111;
  text-decoration:none;
}
.webreizen-formulier--rental .wr-rental-contact-strip__divider{
  width:1px;
  background:rgba(0,0,0,.25);
  align-self:stretch;
}
.webreizen-formulier--rental .wr-rental-contact-strip__item:hover{
  text-decoration:none;
}
.webreizen-formulier--rental .wr-rental-contact-strip__text{word-break:break-word;}
.webreizen-formulier--rental .wr-checklist--vehicle-options{
  background:#e4e4e4;
  padding:10px 14px;
}
.webreizen-formulier--rental .wr-rental-form-heading__intro,
.webreizen-formulier--rental .wr-rental-form-heading__title,
.webreizen-formulier--rental .wr-rental-form-heading__question{
  text-align:center;
}
.webreizen-formulier--rental .wr-rental-form-heading__intro{margin-bottom:8px;}
.webreizen-formulier--rental .wr-rental-form-heading__title{margin-bottom:8px;}
@media (max-width: 767px){
  .webreizen-formulier--rental .wr-rental-contact-strip,
  .wr-rental-contact-strip{flex-direction:column;}
  .webreizen-formulier--rental .wr-rental-contact-strip__divider,
  .wr-rental-contact-strip__divider{width:auto;height:1px;}
}


.wr-rental-contact-strip__text{
  margin:0;
  display:flex;
  align-items:center;
  line-height:1;
}


/* WEBReizen 0.7.189: contactstrip centreren */
.wr-rental-contact-strip,
.webreizen-formulier--rental .wr-rental-contact-strip{
  align-items:stretch;
}
.wr-rental-contact-strip__item,
.webreizen-formulier--rental .wr-rental-contact-strip__item{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  align-content:center;
  justify-content:center;
  align-items:center;
  column-gap:10px;
  min-height:48px;
  padding:10px 18px;
}
.wr-rental-contact-strip__icon,
.webreizen-formulier--rental .wr-rental-contact-strip__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  min-width:18px;
  line-height:1;
}
.wr-rental-contact-strip__text,
.webreizen-formulier--rental .wr-rental-contact-strip__text{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  min-height:18px;
  line-height:1;
}


/* Algemene offertepagina in rustige WebEnquete-stijl */
.webreizen-offertetool--page{
  max-width: 920px;
  margin: 0 auto;
}
.webreizen-formulier--offertepagina{
  background: #f5f8f6;
  border: 1px solid #d7e4db;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 14px 34px rgba(14, 42, 28, 0.08);
}
.webreizen-formulier--offertepagina .wr-offerte-title{
  margin-bottom: 10px;
}
.webreizen-formulier--offertepagina .wr-offerte-quote{
  margin-bottom: 18px;
}
.webreizen-formulier--offertepagina .wr-step{
  background: #ffffff;
  border: 1px solid #d7e4db;
  border-radius: 18px;
  padding-top: 24px;
  padding-bottom: 24px;
  box-shadow: 0 8px 24px rgba(14, 42, 28, 0.05);
}
.webreizen-formulier--offertepagina .wr-help--destination{
  margin: 10px auto 0;
  max-width: 85%;
  color: #5f6f66;
  font-size: 14px;
}
.webreizen-formulier--offertepagina .wr-btn,
.webreizen-formulier--offertepagina .wr-step-nav .wr-step-prev,
.webreizen-formulier--offertepagina .wr-step-nav .wr-step-next,
.webreizen-formulier--offertepagina .wr-btn--primary,
.webreizen-formulier--offertepagina .wr-btn--secondary{
  border-radius: 12px;
}
@media (max-width: 767px){
  .webreizen-formulier--offertepagina{
    padding: 12px;
    border-radius: 16px;
  }
  .webreizen-formulier--offertepagina .wr-step{
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 16px;
  }
}


.webreizen-formulier--offertetool .wr-label{
  display:block;
}
.webreizen-formulier--offertetool .wr-field-block{
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
}
.webreizen-formulier--offertetool .wr-field-block--address{
  max-width: 85%;
}
.webreizen-formulier--offertetool .wr-datetime-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(120px,.78fr);
  gap:12px;
  align-items:end;
}
.webreizen-formulier--offertetool .wr-datetime-grid .wr-label-heading{
  margin-bottom:8px;
  white-space:nowrap;
}
.webreizen-formulier--offertetool .wr-datetime-grid input[type="date"],
.webreizen-formulier--offertetool .wr-datetime-grid .wr-time-wrap{
  width:100%;
}
.webreizen-formulier--offertetool .wr-time-wrap{
  display:grid;
  grid-template-columns:minmax(52px,64px) auto minmax(52px,64px);
  gap:6px;
  align-items:center;
}
.webreizen-formulier--offertetool .wr-time-select{
  width:100%;
}
.webreizen-formulier--offertetool .wr-step-submit{
  text-align:center;
  margin-top:18px;
}
.webreizen-formulier--offertetool .wr-step-submit .wr-btn{
  min-width:240px;
}
.webreizen-formulier--offertetool .wr-step-nav--global{
  justify-content:center;
}
.webreizen-formulier--offertepagina .wr-field-row--address{
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.webreizen-formulier--offertepagina .wr-field-row--address .wr-field{
  flex:1 1 0;
}
.webreizen-formulier--offertepagina .wr-field-row--address .wr-label,
.webreizen-formulier--offertepagina .wr-field-row--address input{
  width:100%;
}
@media (max-width: 767px){
  .webreizen-formulier--offertetool .wr-field-block{
    max-width:100%;
  }
  .webreizen-formulier--offertetool .wr-datetime-grid{
    grid-template-columns:minmax(124px,1fr) minmax(118px,.86fr);
  }
  .webreizen-formulier--offertetool .wr-step-submit .wr-btn{
    width:100%;
    min-width:0;
  }
}


/* v0.7.198: offertetool fonts + datum/tijd consistent */
.webreizen-formulier--offertetool,
.webreizen-formulier--offertetool input,
.webreizen-formulier--offertetool select,
.webreizen-formulier--offertetool textarea,
.webreizen-formulier--offertetool button{
  font-family:"UniviaPro-light", Arial, sans-serif;
}
.webreizen-formulier--offertetool h1,
.webreizen-formulier--offertetool h2,
.webreizen-formulier--offertetool h3,
.webreizen-formulier--offertetool h4,
.webreizen-formulier--offertetool h5,
.webreizen-formulier--offertetool h6,
.webreizen-formulier--offertetool .wr-label-heading{
  font-family:"UniviaPro-Bold", Arial, sans-serif;
}
.webreizen-formulier--offertetool .wr-label--date input,
.webreizen-formulier--offertetool .wr-label--time select{
  min-height:46px;
  height:46px;
  padding:10px 12px;
  border:1px solid #bfc6c1;
  border-radius:0;
  background:#fff;
  color:#111;
  box-sizing:border-box;
  vertical-align:middle;
}
.webreizen-formulier--offertetool .wr-label--date input[type="date"]::-webkit-date-and-time-value{
  text-align:left;
}
.webreizen-formulier--offertetool .wr-label--time select,
.webreizen-formulier--offertetool .wr-label--time select option{
  color:#111;
  font-family:"UniviaPro-light", Arial, sans-serif;
}


/* v0.7.199: tijdselects leesbaar + datum iets smaller */
.webreizen-formulier--offertetool .wr-label--date input{
  max-width:100%;
}
.webreizen-formulier--offertetool .wr-label--time select{
  -webkit-appearance:menulist !important;
  appearance:menulist !important;
  text-indent:0 !important;
  text-overflow:clip !important;
  text-align:center;
  padding:10px 26px 10px 8px;
  color:#111 !important;
  background-color:#fff !important;
  opacity:1 !important;
  font-family:"UniviaPro-light", Arial, sans-serif !important;
  font-variant-numeric: lining-nums tabular-nums;
}
.webreizen-formulier--offertetool .wr-label--time .wr-time-sep{
  color:#111 !important;
  font-family:"UniviaPro-Bold", Arial, sans-serif;
}


/* WEBReizen 0.7.248 follow-up: voertuigopties 1 regel + contactstrip + shortlease CTA */
.webreizen-formulier--rental .wr-checklist--vehicle-options{
  display:flex;
  flex-wrap:nowrap;
  gap:1px;
  padding:0;
  background:#d9d9d9;
  overflow:hidden;
}
.webreizen-formulier--rental .wr-checklist--vehicle-options .wr-check-row{
  flex:1 1 0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px 8px;
}
.webreizen-formulier--rental .wr-checklist--vehicle-options .wr-check-row h6{
  margin:0;
  width:100%;
  text-align:center;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.webreizen-formulier--rental .wr-rental-contact-strip-wrap{
  margin-top:14px;
}
.webreizen-formulier--rental .wr-rental-contact-strip,
.wr-rental-contact-strip{
  align-items:stretch;
}
.webreizen-formulier--rental .wr-rental-contact-strip__item,
.wr-rental-contact-strip__item{
  min-height:58px;
}
.webreizen-formulier--rental .wr-rental-contact-strip__icon,
.wr-rental-contact-strip__icon,
.webreizen-formulier--rental .wr-rental-contact-strip__text,
.wr-rental-contact-strip__text{
  align-self:center;
}
.webreizen-formulier--rental .wr-rental-shortlease-cta,
.wr-rental-shortlease-cta{
  margin-top:10px;
}
.webreizen-formulier--rental .wr-rental-shortlease-cta__link,
.wr-rental-shortlease-cta__link{
  display:block;
}
.webreizen-formulier--rental .wr-rental-shortlease-cta__image,
.wr-rental-shortlease-cta__image{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width: 767px){
  .webreizen-formulier--rental .wr-rental-contact-strip,
  .wr-rental-contact-strip{
    flex-direction:column;
  }
  .webreizen-formulier--rental .wr-rental-contact-strip__item,
  .wr-rental-contact-strip__item{
    grid-auto-columns:auto;
    grid-template-columns:18px auto;
    justify-content:center;
    align-content:center;
    min-height:54px;
  }
  .webreizen-formulier--rental .wr-rental-contact-strip__text,
  .wr-rental-contact-strip__text{
    min-height:18px;
    align-items:center;
  }
}