/* VakantiesFrankrijk v10.1.20 — settings, checkout and remaining legacy UI. */

/* --------------------------------------------------------------------------
   HivePress/customer settings: same premium card language as the account.
   JS adds these classes only when the actual profile-settings form is present.
   -------------------------------------------------------------------------- */
html body.vf900-clean.vf10120-settings-page .vf10120-settings-root{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:30px auto 72px!important;
  padding:30px!important;
  border:1px solid var(--vf-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--vf-shadow-soft)!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-title{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:30px auto 0!important;
  padding:25px 30px!important;
  border:1px solid var(--vf-line)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fffdf9,#f8efe8)!important;
  color:var(--vf-wine-dark)!important;
  font-family:var(--vf-serif)!important;
  font-size:clamp(38px,4vw,54px)!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:var(--vf-shadow-soft)!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form .hp-form__fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  margin:0 0 22px!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(
  .hp-form__field,
  .hp-field,
  [class*="form__field"]
){
  min-width:0!important;
  margin:0!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(
  [class*="image"],
  [class*="avatar"],
  [class*="description"],
  [class*="profile_info"],
  [class*="profile-info"],
  [class*="email"]
){
  grid-column:1 / -1!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(label,.hp-field__label){
  display:block!important;
  margin:0 0 7px!important;
  color:var(--vf-wine-dark)!important;
  font-family:var(--vf-sans)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(input[type="text"],input[type="email"],input[type="password"],textarea,select){
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 13px!important;
  border:1px solid #ddcfc6!important;
  border-radius:10px!important;
  background:#fffdfb!important;
  color:var(--vf-ink)!important;
  box-shadow:none!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form textarea{
  min-height:155px!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(input,textarea,select):focus{
  border-color:#a96783!important;
  box-shadow:0 0 0 3px rgba(104,35,64,.10)!important;
  outline:0!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(.hp-field--attachment-upload,.hp-field--image-upload,.hp-field__preview){
  padding:14px!important;
  border:1px dashed rgba(104,35,64,.22)!important;
  border-radius:13px!important;
  background:#fffaf5!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(img,.avatar){
  border-radius:50%!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(
  .vf10120-settings-save,
  .vf10120-image-button,
  .hp-form__button,
  button[type="submit"],
  input[type="submit"]
){
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid #682340!important;
  border-radius:9px!important;
  background:#682340!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:12px!important;
  font-weight:750!important;
  text-shadow:none!important;
  box-shadow:0 8px 18px rgba(53,24,34,.14)!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form .vf10120-delete-account{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  margin-left:14px!important;
  padding:0 16px!important;
  border:1px solid rgba(143,45,58,.35)!important;
  border-radius:9px!important;
  background:#fff6f5!important;
  background-image:none!important;
  color:#8f2d3a!important;
  -webkit-text-fill-color:#8f2d3a!important;
  font-size:12px!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(.hp-form__messages,.hp-form__message,.hp-message){
  margin:0 0 18px!important;
  padding:13px 15px!important;
  border:1px solid rgba(104,35,64,.14)!important;
  border-radius:11px!important;
  background:#fffaf5!important;
}

/* --------------------------------------------------------------------------
   Owner-registration CTA buttons: remove the remaining purple/orange gradient.
   Exact buttons receive a class from JS, so normal text links remain untouched.
   -------------------------------------------------------------------------- */
html body.vf900-clean .vf10120-action-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:9px!important;
  background-image:none!important;
  font-family:var(--vf-sans)!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  text-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  filter:none!important;
}
html body.vf900-clean .vf10120-action-button::before,
html body.vf900-clean .vf10120-action-button::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
html body.vf900-clean .vf10120-action-button.is-primary{
  border:1px solid #682340!important;
  background:#682340!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 18px rgba(53,24,34,.14)!important;
}
html body.vf900-clean .vf10120-action-button.is-primary:hover{
  background:#572033!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.vf900-clean .vf10120-action-button.is-secondary{
  border:1px solid #d7b775!important;
  background:#fffaf0!important;
  color:#351822!important;
  -webkit-text-fill-color:#351822!important;
  box-shadow:0 7px 16px rgba(53,24,34,.07)!important;
}
html body.vf900-clean .vf10120-action-button.is-secondary:hover{
  border-color:#b98a3e!important;
  background:#fff5df!important;
  color:#682340!important;
  -webkit-text-fill-color:#682340!important;
}

/* --------------------------------------------------------------------------
   Packages page: the final dark payment note must stay readable even when a
   broad typography rule is loaded later by WordPress or WooCommerce.
   -------------------------------------------------------------------------- */
html body.vf900-clean .vf1017-packages-page .vf1017-payment-note,
html body.vf900-clean .vf1017-packages-page .vf1017-payment-note :is(h1,h2,h3,h4,p,span,strong,a){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.vf900-clean .vf1017-packages-page .vf1017-payment-note p{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
}

/* --------------------------------------------------------------------------
   WooCommerce cart/checkout: keep the proven payment flow, repair only visual
   consistency and language presentation.
   -------------------------------------------------------------------------- */
html body.vf900-clean.woocommerce-checkout .woocommerce,
html body.vf900-clean.woocommerce-cart .woocommerce{
  width:100%!important;
  max-width:none!important;
}
html body.vf900-clean.woocommerce-checkout :is(.woocommerce-info,.woocommerce-message),
html body.vf900-clean.woocommerce-cart :is(.woocommerce-info,.woocommerce-message){
  min-height:58px!important;
  margin:0 0 22px!important;
  padding:16px 18px 16px 52px!important;
  border:1px solid rgba(104,35,64,.13)!important;
  border-radius:12px!important;
  background:#f6f8fb!important;
  color:#43383c!important;
  box-shadow:none!important;
}
html body.vf900-clean.woocommerce-checkout :is(.woocommerce-info,.woocommerce-message) .button,
html body.vf900-clean.woocommerce-cart :is(.woocommerce-info,.woocommerce-message) .button{
  float:right!important;
  min-height:40px!important;
  margin:-7px 0 -7px 18px!important;
  padding:0 15px!important;
  border:1px solid #682340!important;
  border-radius:9px!important;
  background:#682340!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px rgba(53,24,34,.12)!important;
}
html body.vf900-clean.woocommerce-checkout form.checkout{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;
  gap:28px!important;
  align-items:start!important;
}
html body.vf900-clean.woocommerce-checkout form.checkout > :is(#customer_details,.col2-set){
  grid-column:1!important;
  min-width:0!important;
}
html body.vf900-clean.woocommerce-checkout form.checkout > :is(#order_review_heading,#order_review){
  grid-column:2!important;
  min-width:0!important;
}
html body.vf900-clean.woocommerce-checkout #order_review_heading{
  margin:0!important;
  padding:22px 22px 0!important;
  border:1px solid rgba(104,35,64,.14)!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:#fffdf9!important;
  color:var(--vf-wine-dark)!important;
  font-size:25px!important;
}
html body.vf900-clean.woocommerce-checkout #order_review{
  margin:0!important;
  padding:14px 22px 22px!important;
  border:1px solid rgba(104,35,64,.14)!important;
  border-top:0!important;
  border-radius:0 0 15px 15px!important;
  background:#fffdf9!important;
  box-shadow:var(--vf-shadow-soft)!important;
}
html body.vf900-clean.woocommerce-checkout :is(.woocommerce-billing-fields,.woocommerce-additional-fields){
  margin:0 0 22px!important;
}
html body.vf900-clean.woocommerce-checkout :is(.woocommerce-billing-fields > h3,.woocommerce-additional-fields > h3){
  margin:0 0 18px!important;
  color:var(--vf-wine-dark)!important;
  font-size:26px!important;
}
html body.vf900-clean.woocommerce-checkout .form-row{
  margin:0 0 14px!important;
}
html body.vf900-clean.woocommerce-checkout .form-row label{
  margin:0 0 6px!important;
  color:#4d4145!important;
  font-size:12px!important;
  font-weight:650!important;
}
html body.vf900-clean.woocommerce-checkout .form-row :is(input.input-text,select,textarea){
  min-height:48px!important;
  border:1px solid #ddcfc6!important;
  border-radius:9px!important;
  background:#fff!important;
}
html body.vf900-clean.woocommerce-checkout #payment{
  margin-top:18px!important;
  border:1px solid rgba(104,35,64,.12)!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body.vf900-clean.woocommerce-checkout #payment ul.payment_methods{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html body.vf900-clean.woocommerce-checkout #payment .payment_box{
  margin:0!important;
  background:#fbf8f2!important;
}
html body.vf900-clean.woocommerce-checkout #payment .place-order{
  padding:18px!important;
}
html body.vf900-clean.woocommerce-checkout #place_order{
  width:100%!important;
  min-height:48px!important;
  border:1px solid #682340!important;
  border-radius:9px!important;
  background:#682340!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 9px 20px rgba(53,24,34,.15)!important;
}

@media(max-width:900px){
  html body.vf900-clean.woocommerce-checkout form.checkout{
    grid-template-columns:1fr!important;
  }
  html body.vf900-clean.woocommerce-checkout form.checkout > :is(#customer_details,.col2-set,#order_review_heading,#order_review){
    grid-column:1!important;
  }
  html body.vf900-clean.vf10120-settings-page .vf10120-settings-form .hp-form__fields{
    grid-template-columns:1fr!important;
  }
  html body.vf900-clean.vf10120-settings-page .vf10120-settings-form :is(
    [class*="image"],[class*="avatar"],[class*="description"],[class*="profile_info"],[class*="profile-info"],[class*="email"]
  ){
    grid-column:auto!important;
  }
}

@media(max-width:620px){
  html body.vf900-clean.vf10120-settings-page .vf10120-settings-root,
  html body.vf900-clean.vf10120-settings-page .vf10120-settings-title{
    width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:20px!important;
    border-radius:15px!important;
  }
  html body.vf900-clean.vf10120-settings-page .vf10120-settings-form .vf10120-delete-account{
    width:100%!important;
    margin:10px 0 0!important;
  }
  html body.vf900-clean .vf10120-action-button{
    width:100%!important;
  }
  html body.vf900-clean.woocommerce-checkout :is(.woocommerce-info,.woocommerce-message) .button,
  html body.vf900-clean.woocommerce-cart :is(.woocommerce-info,.woocommerce-message) .button{
    float:none!important;
    display:flex!important;
    width:100%!important;
    margin:12px 0 0!important;
  }
}