@import './_variables.css';

.order-sub-header-row {
    width: 100%;
    background-color: var(--norma__neutral--main-light-blue);
    height: auto;
    align-items: center;
    padding: 8px;
    display: flex;
    flex-wrap: nowrap;
    /* same width of header  */
    /* width: fit-content; */
}

.order-sub-header-row-title {
    font-family: BrownStdBold;
    color: var(--norma__neutral--dark-blue);
    font-weight: bold;
    width: 290px;
    display: block;
    position: sticky;
    inset-inline-start: 12px;
    text-transform: uppercase;
}

.order-sub-header-row-subtitle {
    font-family: BrownStdRegular;
    color: var(--Logistic-Suit-Accent-Dark-Gray);
    position: sticky;
    inset-inline-start: 302px;
}
@font-face {
    font-family: BrownStdRegular;
    src: url(../fonts/BrownStd-Regular.otf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: BrownStdBold;
    src: url(../fonts/BrownStd-Bold.otf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

/* remove it */
.hidden {
    display: none !important;
}