/* Shared checkbox appearance. A priority layer overrides older scoped form rules. */
@layer za-checkboxes {
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input) {
    appearance:none!important;-webkit-appearance:none!important;
    display:inline-block!important;position:relative!important;top:auto!important;
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
    flex:0 0 22px!important;box-sizing:border-box!important;
    border:1px solid rgba(53,78,51,.3)!important;border-radius:5px!important;
    background-color:#F8FBF3!important;background-image:none!important;
    background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
    box-shadow:none!important;vertical-align:middle!important;
    margin:0 .65em 0 0!important;cursor:pointer!important;
  }
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input):checked {
    background-color:#354e33!important;border-color:#354e33!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m4.5 10 3.5 3.5 7.5-8'/%3E%3C/svg%3E")!important;
  }
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input)::before,
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input)::after{content:none!important}
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input).error_input,
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input)[aria-invalid="true"]{border-bottom:2px solid #e53935!important}
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input):focus-visible{outline:2px solid #84a332!important;outline-offset:3px!important}
  input[type="checkbox"]:not([role="switch"]):not(.de-switch input):disabled{opacity:.5!important;cursor:not-allowed!important}
  .gg-check,.gdpr-label{display:flex!important;gap:10px!important;align-items:flex-start!important}
  .gg-check input[type="checkbox"],.gdpr-label input[type="checkbox"]{margin:4px 0 0!important}
}
