/*
 * Webcotec Form Right Padding Lock Patch 21
 * Frontend only. Fixes the right-side form panel padding that gets overridden after reload.
 */

body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card{
  padding:0!important;
}

body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card form.wcx-p20-form{
  padding:36px 44px!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
}

body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card .wcx-p20-grid{
  width:100%!important;
  max-width:none!important;
  gap:22px 20px!important;
}

body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card .wcx-p20-field,
body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card .wcx-p20-submit{
  min-width:0!important;
}

/* In case the website's old layout uses flex/grid columns and collapses form width */
body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card > *:last-child{
  padding:0!important;
}

body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card .wcx-p20-form-wrapper{
  padding:0!important;
  width:100%!important;
}

/* Keep labels from sticking to the top border */
body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card .wcx-p20-label{
  margin-bottom:9px!important;
}

/* Stop textarea from being prefilled by the service field */
body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card textarea[name="message"]{
  color:#061731!important;
}

@media(max-width:980px){
  body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card form.wcx-p20-form{
    padding:28px!important;
  }
}

@media(max-width:640px){
  body:not(.wc16-admin):not(.wcx-admin) .wcx-p20-card form.wcx-p20-form{
    padding:22px!important;
  }
}