/* Shared native checkbox presentation across the public Maqster site. */
body.maqster-site input[type="checkbox"]{
    -webkit-appearance:none;
    appearance:none;
    box-sizing:border-box;
    display:inline-block;
    width:18px;
    height:18px;
    min-width:18px;
    max-width:18px;
    min-height:18px;
    max-height:18px;
    flex:0 0 18px;
    margin:0 8px 0 0;
    padding:0;
    vertical-align:-3px;
    border:1.5px solid #8b9585;
    border-radius:4px;
    background-color:#fff;
    background-image:none;
    background-repeat:no-repeat;
    background-position:center;
    background-size:13px 13px;
    box-shadow:0 1px 2px #2528240a;
    accent-color:var(--orange,#f58a00);
    cursor:pointer;
    transition:border-color .15s,background-color .15s,box-shadow .15s;
}
body.maqster-site input[type="checkbox"]:checked{
    border-color:#b96108;
    background-color:var(--orange,#f58a00);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23252824' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 10 4 4 8-8'/%3E%3C/svg%3E");
}
body.maqster-site input[type="checkbox"]:indeterminate{
    border-color:#b96108;
    background-color:var(--orange,#f58a00);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23252824' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M5 10h10'/%3E%3C/svg%3E");
}
body.maqster-site input[type="checkbox"]:hover:not(:disabled){border-color:#b96108;box-shadow:0 0 0 3px #f58a001a}
body.maqster-site input[type="checkbox"]:focus-visible{outline:2px solid var(--maq-focus,#94551b);outline-offset:3px}
body.maqster-site input[type="checkbox"][aria-invalid="true"],body.maqster-site input[type="checkbox"].invalid{border-color:var(--maq-danger,#b33c28)}
body.maqster-site input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
body.maqster-site :is(.filtrlist,.lead-consent,.access-consent,.awl-shop-newsletter-consent) input[type="checkbox"]{margin-inline-end:0}
@media(prefers-reduced-motion:reduce){body.maqster-site input[type="checkbox"]{transition:none}}
@media(forced-colors:active){
    body.maqster-site input[type="checkbox"],body.maqster-site input[type="checkbox"]:checked,body.maqster-site input[type="checkbox"]:indeterminate{
        -webkit-appearance:auto;
        appearance:auto;
        border:revert;
        background:revert;
        box-shadow:none;
        accent-color:auto;
        forced-color-adjust:auto;
    }
}

/* Shared CTA states. The existing templates keep their button sizes and variants. */
body.maqster-site :where(.button,.btn,.customerAreaButton,input[type="submit"],button[type="submit"]){
    --maq-button-hover-background:var(--maq-accent-hover);
    --maq-button-hover-color:var(--maq-on-accent);
    --maq-button-hover-border:var(--maq-accent-hover);
}
body.maqster-site :where(.btn,.button--dark,.customerAreaButton){
    --maq-button-hover-background:#41463d;
    --maq-button-hover-color:#fff;
    --maq-button-hover-border:#41463d;
}
body.maqster-site :where(.btn.orange,.btn.primary,.customerAreaButton--primary){
    --maq-button-hover-background:var(--maq-accent-hover);
    --maq-button-hover-color:var(--maq-on-accent);
    --maq-button-hover-border:var(--maq-accent-hover);
}
body.maqster-site :where(.btn.outline,.button.outline,.button--ghost,.button.bialy,.button.bg-grey0,.button.bg-grey1,.button.bg-grey2,.button.bg-grey3,.customerAreaButton--secondary,.bodyMiniCartBack,#confirm_cancel,.maqster-account-logout button,.forum-inline-action button,.forum-move-topic>button){
    --maq-button-hover-background:var(--maq-surface-raised);
    --maq-button-hover-color:var(--maq-text);
    --maq-button-hover-border:var(--maq-text-muted);
}
body.maqster-site :where(.dark,.section--dark,.original-home .hero,.site-header,.site-footer,[data-theme="dark"]) :where(.btn.outline,.button.outline,.button--ghost,.button.bialy),
body.maqster-site :where(.account-navigation .maqster-account-logout button){
    --maq-button-hover-background:var(--maq-dark-surface-raised);
    --maq-button-hover-color:var(--maq-dark-text);
    --maq-button-hover-border:var(--maq-dark-muted);
}
body.maqster-site :where(.button.redb,.customerAreaButton--danger){
    --maq-button-hover-background:#fff0ed;
    --maq-button-hover-color:#8d2b22;
    --maq-button-hover-border:#d5a49d;
}

/* Native Liverno utilities use !important inside this layer. Override them here
   so background, text and icons always change together, including form submits. */
@layer liverno{
    body.maqster-site :is(.button,.btn,.customerAreaButton,input[type="submit"],button[type="submit"]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]):not(.disabled){
        background-color:var(--maq-button-hover-background) !important;
        border-color:var(--maq-button-hover-border) !important;
        color:var(--maq-button-hover-color) !important;
        opacity:1 !important;
        filter:none !important;
    }
    body.maqster-site :is(.button,.btn,.customerAreaButton,button[type="submit"]):is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]):not(.disabled) :where(.lvico,.icon,.material-symbols-outlined){
        color:inherit !important;
    }
}