/**
 * Override pulsanti stage/color caricati dopo ds-controls.css e accedi.css.
 * Ripristina le regole che vincevano quando btn-system.css era incluso per ultimo nel head.
 */

/* Banner cookie — Rifiuta / Accetta tutti: pill con bordo 1px */
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary,
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal {
    flex: 1 1 auto;
    min-width: 120px;
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    color: #141414;
    border: 1px solid #0a0a0a;
}

:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary:hover,
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary:focus-visible,
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal:hover,
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal:focus-visible {
    background-color: #f0f0f0;
    color: #141414;
    border-color: #0a0a0a;
}

@media (prefers-color-scheme: dark) {
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary,
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal {
        background-color: #fff;
        color: #141414;
        border: 1px solid #0a0a0a;
    }

    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary:hover,
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary:focus-visible,
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal:hover,
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary.mfr-consent__btn--equal:focus-visible {
        background-color: #f0f0f0;
        color: #141414;
    }
}

@media (max-width: 47.9375rem) {
    :is(body.body-stage, body.body-color-app, body.body-palette-app)
        .mfr-consent__banner
        .mfr-consent__btn.btn.btn--secondary {
        min-height: var(--btn-hit, 44px);
        height: auto;
    }
}

/* Chiusura banner: icona piatta, senza cerchio ds-controls */
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__close.btn.btn--icon {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    color: var(--color-secondary-450, #6a6a6a);
}

:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__close.btn.btn--icon:hover,
:is(body.body-stage, body.body-color-app, body.body-palette-app)
    .mfr-consent__banner
    .mfr-consent__close.btn.btn--icon:focus-visible {
    background: var(--color-secondary-150, #f9f9f9);
    color: #000;
}

/* /contrasto — scambia colori: solo icona 32px, senza pillola stage */
body.body-color-contrast .color-contrast-checker__swap.btn.btn--icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    margin-bottom: 4px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    color: var(--pl-ink, #141414);
    flex-shrink: 0;
}

body.body-color-contrast .color-contrast-checker__swap.btn.btn--icon:hover,
body.body-color-contrast .color-contrast-checker__swap.btn.btn--icon:focus-visible {
    background: rgba(0, 0, 0, 0.05);
    color: var(--pl-ink, #141414);
}

@media (max-width: 60rem) {
    body.body-color-contrast .color-contrast-checker__swap.btn.btn--icon {
        justify-self: start;
        margin-bottom: 0;
    }
}