.pxab-food-order-item__modifier {
    display: block;
    line-height: 1.45;
}

.pxab-food-order-item__modifier-label {
    color: var(--pxab-food-muted);
    font-weight: 400;
}

.pxab-food-order-item__modifier-value {
    color: var(--pxab-food-text);
    font-weight: 700;
}

html.pxab-food-notice-open,
body.pxab-food-notice-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}


.pxab-food-order__pricing-status{
    margin:0 0 14px;
    padding:10px 12px;
    border:1px solid var(--pxab-food-info-border);
    border-radius:10px;
    background:var(--pxab-food-info-bg);
    color:var(--pxab-food-info-text);
    font-size:.88rem;
    line-height:1.45;
}
.pxab-food-order__pricing-status[hidden]{display:none!important}
@media(forced-colors:active){.pxab-food-order__pricing-status{border:1px solid CanvasText}}

/* v1.0.807: keep cart item content within the summary component. */
.pxab-food-order-item {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    min-width: 0;
}

.pxab-food-order-item > div:first-child {
    grid-column: 1 / -1;
    min-width: 0;
}

.pxab-food-order-item__controls {
    grid-column: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.pxab-food-order-item__amount {
    grid-column: 2;
    align-self: center;
    justify-self: end;
    white-space: nowrap;
}

.pxab-food-order-item__pay-it-forward-badge {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--pxab-food-pif-badge-border,var(--pxab-food-border));
    background: var(--pxab-food-pif-badge-bg,#e7f3ff);
    color: var(--pxab-food-pif-badge-text,#135e96);
    font-weight: 600;
}

.pxab-food-order-item__pay-it-forward-control {
    display: grid;
    gap: 7px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-top: 9px;
    padding: 10px 12px;
    border: 1px solid var(--pxab-food-pif-panel-border,var(--pxab-food-border));
    border-radius: 12px;
    background: var(--pxab-food-pif-panel-bg,var(--pxab-food-surface));
    box-sizing: border-box;
}

.pxab-food-order-item__pay-it-forward-control > strong,
.pxab-food-order-item__pay-it-forward-help,
.pxab-food-order-item__pay-it-forward-value {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

.pxab-food-order-item__pay-it-forward-control > strong{color:var(--pxab-food-pif-heading,var(--pxab-food-text))}
.pxab-food-order-item__pay-it-forward-help{color:var(--pxab-food-pif-muted,var(--pxab-food-muted))!important}
.pxab-food-order-item__pay-it-forward-value{color:var(--pxab-food-pif-value,var(--pxab-food-accent))!important}

.pxab-food-order-item__pay-it-forward-control > select {
    box-sizing: border-box;
    width: min(100%, 12rem);
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 9px 34px 9px 12px;
    border-radius: 10px;
    line-height: 1.25;
}

.pxab-food-order-item__pay-it-forward-control > select:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.pxab-food-order-item__pay-it-forward-help {
    display: block;
    white-space: normal;
}

.pxab-food-order-item__pay-it-forward-value {
    display: block;
    font-weight: 700;
}

@media (max-width: 480px) {
    .pxab-food-order-item__controls {
        gap: 5px;
    }

    .pxab-food-order-item__pay-it-forward-control > select {
        width: 100%;
    }
}


/* v1.0.814: customer Pay It Forward note within the order/cart line editor. */
.pxab-food-order-item__pay-it-forward-note{display:grid;gap:6px;min-width:0;margin-top:2px;color:var(--pxab-food-pif-heading,var(--pxab-food-text))}
.pxab-food-order-item__pay-it-forward-note>span{font-weight:600}
.pxab-food-order-item__pay-it-forward-note textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px 11px;border:1px solid var(--pxab-food-input-border);border-radius:var(--pxab-food-input-radius,10px);background:var(--pxab-food-input-bg);color:var(--pxab-food-input-text);font:inherit;line-height:1.45;resize:vertical}
.pxab-food-order-item__pay-it-forward-note textarea:focus-visible{outline:2px solid var(--pxab-food-focus);outline-offset:2px;border-color:var(--pxab-food-focus)}
.pxab-food-order-item__pay-it-forward-note small{color:var(--pxab-food-pif-muted,var(--pxab-food-muted))}
