/**
 * THE ART presentation adapter for Hi DESIGN Smart Bar MAX.
 *
 * Labels remain in the DOM as accessible names. Only their visual rendering is
 * collapsed, so the portable plugin does not need any THE ART-specific markup.
 */
@media (max-width: 900px) {
    body.hdsb-preset-the_art .hdsb-shell .hdsb-action:not(.is-highlight) .hdsb-label {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    body.hdsb-preset-the_art .hdsb-shell .hdsb-action:not(.is-highlight) .hdsb-icon,
    body.hdsb-preset-the_art .hdsb-shell .hdsb-action:not(.is-highlight) .hdsb-icon svg {
        flex-basis: 28px;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px;
        min-height: 28px;
        max-width: 28px !important;
        max-height: 28px !important;
    }

    body.hdsb-preset-the_art .hdsb-shell .hdsb-action:not(.is-highlight) {
        min-width: 44px;
        min-height: 44px;
        gap: 0;
    }
}