/* techzone x Shared Mobile Foundation: adapter. Loaded only for an enabled store.
   Tokens are the theme's own header values (generated by gen_adapters.py); no layout rules here.
   Drawer text: rgb(99, 110, 123) is 3.59:1 on the header background; theme text variable --tz-text gives 12.98:1. */
body.sf-m.sf-m-t-techzone {
    --sf-m-header-bg: rgba(10, 14, 23, 0.98);
    --sf-m-header-fg: var(--tz-muted, rgb(99, 110, 123));
    --sf-m-header-line: var(--tz-blue, rgb(0, 102, 255));
    --sf-m-header-line-w: 2px;
    --sf-m-color-accent: var(--tz-blue, rgb(0, 102, 255));
    --sf-m-color-on-accent: rgb(255, 255, 255);
    --sf-m-drawer-bg: rgba(10, 14, 23, 0.98);
    --sf-m-drawer-fg: var(--tz-text, rgb(205, 217, 229));
    --sf-m-bar-bg: rgba(10, 14, 23, 0.98);
    --sf-m-bar-fg: var(--tz-text, rgb(205, 217, 229));
    --sf-m-bar-line: var(--tz-blue, rgb(0, 102, 255));
    --sf-m-bar-active: var(--tz-blue, rgb(0, 102, 255));
    --sf-m-sheet-bg: var(--tz-bg, rgb(13, 17, 23));
    --sf-m-sheet-fg: var(--tz-text, rgb(205, 217, 229));
    --sf-m-sheet-line: var(--tz-border, rgb(48, 54, 61));
    --sf-m-control-bg: var(--tz-surface, rgb(22, 27, 34));
    --sf-m-control-fg: var(--tz-text, rgb(205, 217, 229));
    --sf-m-control-line: var(--tz-border, rgb(48, 54, 61));
}

@media (max-width: 991.98px) {
    /* cart step indicator: three steps share the row; labels may wrap under their number instead of
       pushing the last step out of the viewport (theme layout, identical with the foundation off) */
    body.sf-m.sf-m-t-techzone .cart-main-wrapper > .container:first-of-type > div[style*="display:flex"]:first-child {
        max-inline-size: 100%;
        min-inline-size: 0;
    }

    body.sf-m.sf-m-t-techzone .cart-main-wrapper > .container:first-of-type > div[style*="display:flex"]:first-child > div[style*="padding"] {
        flex: 1 1 0 !important;
        min-inline-size: 0;
        padding-inline: 6px !important;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere;
    }

    body.sf-m.sf-m-t-techzone .cart-main-wrapper > .container:first-of-type > div[style*="display:flex"]:first-child > div[style*="height"] {
        flex: 0 1 12px !important;
        min-inline-size: 4px !important;
    }
}