@font-face {
    font-family:'bebaskai';
    src: url('../font/bebaskai-webfont.woff') format('woff');
}
body.template-simulateur-2026 {
    background:var(--bg-color);color:var(--txt-color);font-family:"neulis-neue", sans-serif;height:100vh;scrollbar-color:#fff #000;scrollbar-width:thin;
    &:root {--bg-color:#000;--txt-color:#fff;--bg-button:#fff;--txt-color-reverse:#000;--color-valid:#99c455;--color-error:#ef7a4b}
    &:focus {outline:none;}
    & h1 {display:none;}
    & header, & footer {display:none;}
    & section {padding:0;}
    & form#sb_form {
        position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;max-width:400px;margin:0 auto;overflow:hidden;opacity:1;pointer-events:all;
        & i {
            top:2.4rem;
        }
        & a.button {text-decoration:none;}
        & .notification {
            background:var(--bg-color);position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;margin:0 auto;width:100%;height:100%;z-index:999;top:0;left:0;pointer-events:none;opacity:0;padding:0 30px;max-width:100%;transition:all .25s ease-in-out;
            &.active {opacity:1;pointer-events:all;}
            & h2 {cursor:default;}
            & p {font-size:1.3rem;max-width:400px;text-align:center;margin-top:0;margin-bottom: 5px;}
            & a.button {
                max-width:400px;text-decoration:none;border:1px solid var(--txt-color);
                &:hover {color:var(--txt-color);background-color: var(--bg-color);}
                &[disabled] {pointer-events:none;opacity:.7;cursor:not-allowed;}
            }
        }
        & section {
            padding: 2.5rem 5%;
        }
        & h2 {
            font-size:1.3rem;font-weight:normal;text-align:center;cursor:pointer;margin-bottom:10px;
            & strong{font-weight: bold;font-size: 1.5rem;text-transform: uppercase;display: inline-block;margin-top: .5rem;}
            &::before {content:'';background:url('../img/logo-augusto-simulateur.svg') no-repeat center center;background-size:contain;display:block;width:200px;height:150px;margin:0 auto;}
        }
        & label {
            background:var(--bg-button);color:var(--txt-color-reverse);width:fit-content;position:relative;margin:10px auto -10px 0;padding:5px 20px;border-radius:20px;z-index:1;pointer-events:none;font-size:.9rem;display:block;
            &.big {z-index:2;}
            &.consentement {padding:0;display:flex;align-items:center;background:none;justify-content:center;margin:10px 0;pointer-events:all;color: var(--txt-color);}
        }
        & section#coordonnees {
            & > div {
                width:100%;position:relative;
                & #suggestions {
                    position:absolute;z-index:9;background:var(--txt-color);padding:.5rem 1.2rem;color:var(--bg-color);border-radius:20px;
                    & .suggestion-item {
                        padding:.25rem 0;border-radius:10px;cursor:pointer;
                        &:hover {
                            padding:.25rem .5rem;background:var(--bg-color);color:var(--txt-color);
                        }
                    }
                }
            }
            & .error-message {
                display:none!important;
            }
            & label {
                /* pointer-events:all;background:none;width:100%;margin:0;padding:3px; */
                &.consentement {
                    width:100%;max-width:100%;flex-wrap:wrap;
                }
            }
            & div:has(.consentement) {
                & .consentement {
                    & span {
                        white-space:normal;width:100%;flex: 0 0 2rem;
                        &:not(.inputCheckbox) {
                            flex:0 0 calc(100% - 3rem);
                        }
                    }
                }
            }
            & input, & select, & textarea, & a.button {
                margin:5px 0 0 0;
            }
        }
        & .wpcf7-not-valid-tip {display:none;}
        & section {width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:400px;margin:0;flex:1 0 100%;}
        & select option {background:var(--bg-color);}
        & .offreRestauration {
            display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin: 5px 0;
            &.disabled {display:none;}
            & [type="radio"] {display:none;}
            & label {
                &:has(input[type="radio"]) {display:block;pointer-events:all;padding:0 14px;line-height:35px;height:35px;border-radius:20px;margin:0;cursor:pointer;background:var(--bg-color);color:var(--txt-color);border: 1px solid var(--bg-button);width:100%;}
                &:has(input[type="radio"]:checked) {background:var(--bg-button);color:var(--txt-color-reverse);border: 1px solid var(--bg-button);}
            }
            & > p {
                flex:1 0 100%;font-size:1rem;text-align:center;margin-bottom: 5px;
            }
            & > span {
                flex:1 0 100%;
                & .wpcf7-radio{width:100%;display:flex;gap:.5rem;align-items:center;justify-content:center;}
                & .wpcf7-list-item{width:50%;text-align:center;}
                & span {
                    margin:0;
                }
            }
            & .offre_restauration_oui {
                display:none;
                &.active {display:flex;flex-direction:column;flex:1 0 100%;}
            }
        }
        & .wpcf7-response-output {display:none !important;}
        & .taux_occupation, & .taux_captage {position:relative;width:100%;}
        & [data-name="taux_occupation"] + span, & [data-name="taux_captage"] {
            & + span {
                position:absolute;top:5px;right:0;line-height:2rem;height:calc(100% - 12px);display:flex;align-items:center;justify-content:center;margin:0;width:50px;background:var(--bg-button);border-radius:0 2em 2em 0;border:1px solid var(--txt-color);border-left:0;
                &::after {content:'%';font-size:1.4rem;}
            }
            &.disabled + span {display:none;}
        }
        & .disabled, & .disabled + div {display:none;}
        & span[data-name] {width:100%;}
        & span[data-name="consentement"] {width:fit-content;}
        & a.retour{
            display:flex;align-items:center;justify-content:flex-start;width:100%;margin-bottom:10px;cursor:pointer;color:var(--txt-color);
            & svg {width:30px;display:block;transform:rotate(180deg);}
            & i {font-style:normal;margin-left:5px;font-size:18px;position: initial;}
        }
        & input {
            /* Chrome, Safari, Edge, Opera */
            &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
            /* Firefox */
            &[type="number"] {-moz-appearance:textfield;}
        }
        & input, & select, & textarea, & a.button {
            background:none;border:1px solid var(--txt-color);color:var(--txt-color);line-height:2;height:auto;appearance:none;-webkit-appearance:none;border-radius:2rem;padding:0 20px;width:100%;box-sizing:border-box;margin:5px 0;font-size:16px;
            &.error, &.error::placeholder {border-color:var(--color-error);color:var(--color-error);}
            &[type="checkbox"] {
                width:20px;height:20px;padding:0;margin-right:10px;
                &:checked {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=");background-size: 13px;background-position: center;background-repeat: no-repeat;}
            }
            &[type="submit"] {
                background:var(--bg-button);color:var(--txt-color-reverse);border:0;cursor:pointer;
                &[disabled] {pointer-events:none;opacity:.7;cursor:not-allowed;}
            }
            &:has(+ .wpcf7-not-valid-tip) {
                border-color:var(--color-error);
                &::placeholder {color:var(--color-error);}
            }
        }
        & select {background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjcuNSAyNy41Ij4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuNC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTUyKSAgLS0+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5zdDAgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZmZmOwogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDogMS42NjY3cHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjEzLjc1IiBjeT0iMTMuNzUiIHI9IjguMzMzNCIvPgogIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNy4wODMzLDEzLjc1bC0zLjMzMzMsMy4zMzMzLTMuMzMzMy0zLjMzMzNNMTMuNzUsMTAuNDE2N3Y1LjgzMzMiLz4KPC9zdmc+") no-repeat center right;}
        & a.button {
            text-align:center;background:var(--bg-button);color:var(--txt-color-reverse);border:0;cursor:pointer;
            &[disabled] {pointer-events:none;opacity:.7;cursor:not-allowed;}
        }
        & ::placeholder {color:var(--txt-color);}

        & p.result {
            font-size:2.6rem;line-height:1;margin:.5em 0;text-align:center;
            & span {
                display:block;font-size:1.4rem;margin:5px 0;
                &.negative ~ span {display:none;}
            }
        }
        & #benefices {text-align:center;}
    }
}


@media screen and (max-width: 560px) {
    body.augusto-simulateur {
        & [data-formulaire="simulateur"] form {
            max-width: 100%;
            & section {
                max-width: 100%;
            }
        }
    }
}