.my-requests .wizard span {
    cursor: unset;
    margin-top: unset;
    margin-bottom: unset;
    font-family: unset;
    font-style: unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    font-weight: unset;
    text-align: unset;
    letter-spacing: unset;
    color: unset;
    mix-blend-mode: unset;
    opacity: unset;
}

.my-requests .wizard section {
    display: unset;
    flex-direction: unset;
    padding: unset;
    margin-top: unset;
    height: unset;
}

.wizard div.steps {
    display: none;
}

.wizard .content .title {
    cursor: pointer;

    margin-bottom: 1rem;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;

    color: hsl(210, 11%, 15%, 80%);

    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.wizard .content .title:not(:first-child) {
    margin-top: 0.5rem;
}

.wizard .content .title :is(.opcional, .opcional-selecionado) {
    font-size: 0.875rem; /* 8px */
    font-weight: 400;
}

.wizard .content .title .opcional-selecionado {
    margin-top: 0.25rem;
    padding: 0.25rem 0.5rem;

    display: inline-block;

    font-weight: 600;

    border-radius: 6px;

    border: 1px solid;
    border-color: hsl(28, 96%, 48%, 25%);
    background-color: hsl(28, 96%, 48%, 10%);
}

.wizard .content .title .opcional-selecionado + .opcional-selecionado {
    margin-left: 0.5rem;
}

.wizard .content .title.current .opcional-selecionado {
    display: none;
}

.wizard .content .title:not(.current) .opcional {
    display: none;
}

.wizard [data-steps="btn-clean"] {
    margin: unset;
    background: unset;
    border-radius: unset;
    border: unset;
    height: unset;
    width: unset;
    font-family: unset;
    font-style: unset;
    font-weight: unset;
    font-size: unset;
    line-height: unset;
}

.wizard [data-steps="btn-clean"] {
    padding: 0.25rem 0.5rem;

    margin-left: auto;

    display: flex;
    align-items: center;
    gap: 0.25rem;

    background-color: transparent;

    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1;

    cursor: pointer;

    border: 1px solid hsl(0, 0%, 0%, 10%);
    border-radius: 12px;

    transition-duration: 150ms;
}

.wizard [data-steps="btn-clean"] .material-icons {
    font-family: 'Material Icons';
    font-size: 1rem;
}

.wizard [data-steps="btn-clean"]:active {
    border-color: hsl(28, 96%, 48%, 25%);
    background-color: hsl(28, 96%, 48%, 10%);
}

.wizard [data-steps="btn-clean"]:focus {
    outline: none;
}

.wizard [data-steps="section"] {
    margin-bottom: 1rem;
    padding-top: 0.75rem;

    display: grid;
    grid-template-columns: repeat(3, calc((100% / 3) - 8px));

    gap: 0.75rem;
}

.wizard [data-steps="actions"] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 1rem;
}

.wizard [data-steps="actions"] button {
    padding: 0.75rem 1.25rem;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background-color: #F27405;

    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;

    border-radius: 8px;

    border: 2px solid #f07305;
}

.wizard [data-steps="actions"] button[data-steps="button-previous"] {
    color: #F27405;
    border-color: #F27405;
    background-color: #fff;
}

.wizard [data-steps="adicional"] {
    height: 100%;
    min-height: 4.625rem;

    display: flex;
    align-items: start;

    margin: 0;
    padding: 0.5rem 0.75rem;

    border: 1px solid #0000001a;
    border-radius: 16px;

    transition-duration: 150ms;

    cursor: pointer;

    text-align: start;
}

.wizard input[name^="adicional-grupo"] {
    display: none;
}

.wizard [data-steps="adicional"] [data-steps="label-content"] {
    height: 100%;
    flex: 1 0 0;

    display: flex;
    flex-direction: column;

    overflow-x: hidden;
}

.wizard [data-steps="adicional"] [data-steps="option-label"] {
    display: inline-block;

    margin-bottom: 0.25rem;

    font-size: 0.5rem;
    font-weight: 400;
    line-height: 1;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] div {
    max-width: 100%;

    color: hsl(0, 0%, 30%);

    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.35;

    margin-bottom: 0.25rem;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] div:nth-child(2) {
    font-size: 1rem;
    font-weight: 600;
}

/* #F27405 */

/* Opcional selecionado */

.wizard input[name^="adicional-grupo"]:checked + [data-steps="adicional"] {
    border-color: hsl(28, 96%, 48%, 25%);
    background-color: hsl(28, 96%, 48%, 10%);
}

.wizard input[name^="adicional-grupo"]:disabled + [data-steps="adicional"] {
    opacity: 0.6;
    cursor: not-allowed;
}

.wizard .actions ul[role="menu"] {
    margin-top: 1rem;

    list-style: none;

    display: flex;
    align-items: center;
    gap: 1rem;
}

.wizard .actions ul[role="menu"] li {
    flex: 1 0 0;

    display: flex;
    justify-content: center;
}

.wizard .actions ul[role="menu"] li a {
    padding: 1rem 1.5rem;

    flex: 1 0 0;

    text-align: center;
    text-decoration: none;

    color: #fff;
    background-color: #F27405;

    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;

    border-radius: 10px;

    border: 2px solid #f07305;
}

.wizard .actions ul[role="menu"] li a[href="#previous"] {
    color: #F27405;
    border-color: #F27405;
    background-color: #fff;
}

.wizard .actions ul[role="menu"] li.disabled a {
    opacity: 0.6;

    cursor: default;
}

input[name^="adicional-grupo"]:not(:checked) + [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade {
    display: none;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade {
    margin-top: auto;

    display: flex;
    justify-content: space-between;

    gap: 0.125rem;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade button {
    all: unset;

    line-height: 0;

    padding: 0.25rem;

    border: 1px solid #F27405;
    border-radius: 8px;

    color: #fff;
    background-color: #F27405;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;

    width: 2rem;

    color: hsl(0, 0%, 30%);
    background-color: transparent;

    font-size: 1rem;
    font-weight: 600;
    text-align: center;

    border: none;
}

.btn-patterns {
    cursor: pointer;
}

.btn-patterns:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

@media (max-width: 500px) {
    .wizard [data-steps="section"] {
        grid-template-columns: repeat(2, calc((100% / 2) - 8px));
    }

    .wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade {
        justify-content: center;
        gap: 0.125rem;
    }

    .wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade button {
        padding: 0.375rem;
    }

    .wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade input[type="number"] {
        width: 1.25rem;

        font-size: 0.875rem;
    }

    .wizard [data-steps="adicional"] [data-steps="label-content-adicional"] .quantidade button .material-icons {
        font-size: 0.75rem;
    }
}

/* Variações de tamanho */

.produto-variacao {
    width: 100%;

    margin: 0;
    padding: 0.5rem 0.75rem;

    text-align: start !important;

    color: #2e2e2e !important;

    border-radius: 16px;
    border: 1px solid #0000001a;

    transition: background-color 250ms ease, border-color 250ms ease;

    cursor: pointer;
}

.produto-variacao .produto-variacao-nome {
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.produto-variacao input.form-check-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.produto-variacao:has(input.form-check-radio:checked) {
    border-color: hsl(28, 96%, 48%, 25%);
    background-color: hsl(28, 96%, 48%, 10%);
}

.produto-variacao .produto-variacao-porcoes {
    font-size: 0.75rem;
    line-height: 1.25 !important;
}

.container-input-composto {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; /* 16px */
    padding-bottom: 0.5rem;
    display: flex;

    border-bottom: 1px solid #0000001a;
}

.container-input-composto input[type="search"] {
    flex: 1 0 0;
    border: 1px solid #0000001a;
    border-radius: 10px;
    line-height: 1;
    padding: 0.75rem 0.75rem;
    font-size: 0.875rem;
    color: #2e2e2e;
    outline: none;
}

.container-input-composto input[type="search"]:focus {
    outline: none;
}

.produto-variacao-porcoes {
    display: flex;
    gap: 0.5rem;
    font-size: 0.875rem;
}
